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

@media (max-width: 1680px) {
  .w1600 {
    width: 90%; } }
@media (max-width: 900px) {
  .w1600 {
    width: 94%; } }
:root {
  --themes: #1a4793; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s;
  background-color: #fff; }
  header .hop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: all ease 0.5s;
    min-height: 1rem;
    align-items: center; }
  header .rav {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    display: flex;
    align-items: center; }
    header .rav .search {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      cursor: pointer;
      position: relative;
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 50%;
      background-color: #f3f5f9; }
      header .rav .search .sc {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3; }
        header .rav .search .sc img {
          width: 100%;
          height: 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: 100%;
          height: 100%;
          display: block;
          border-radius: 50%;
          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 .te {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      margin-left: 0.1rem;
      white-space: nowrap; }
      header .rav .te .tc {
        display: inline-block;
        vertical-align: middle;
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        background-color: #f3f5f9; }
        header .rav .te .tc img {
          width: 100%;
          display: block; }
      header .rav .te .cm {
        display: inline-block;
        vertical-align: middle;
        color: var(--themes);
        line-height: 1.5;
        margin-left: 0.06rem; }
  header .logo {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
    white-space: nowrap; }
    header .logo .log {
      width: 2.43rem;
      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: center; }
    header nav .natem {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      text-align: center;
      font-size: 0; }
      header nav .natem .nas {
        width: auto;
        display: inline-block;
        position: relative;
        margin: 0 0.1rem; }
        header nav .natem .nas a {
          display: inline-block;
          line-height: 1rem;
          color: #222;
          font-weight: bold;
          position: relative;
          padding: 0 0.15rem;
          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;
              background-color: rgba(255, 255, 255, 0.5); }
            header nav .natem .navuls ul li .ns {
              width: 100%;
              display: inline-block;
              vertical-align: middle;
              line-height: 3;
              color: #222;
              text-align: left;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              padding: 0 0.1rem;
              position: relative;
              text-align: center;
              background-color: rgba(255, 255, 255, 0.5); }
            header nav .natem .navuls ul li .theul {
              width: 100%;
              background-color: #fff;
              display: none; }
              header nav .natem .navuls ul li .theul li {
                width: 100%;
                font-size: 0; }
                header nav .natem .navuls ul li .theul li .xn {
                  display: inline-block;
                  vertical-align: middle;
                  color: #333;
                  line-height: 2.5;
                  padding: 0 0.2rem; }
                header nav .natem .navuls ul li .theul li .xn:hover {
                  color: #333; }
          header nav .natem .navuls ul li:hover .ns {
            background-color: var(--themes);
            color: #fff; }
          header nav .natem .navuls ul li.has-the:after {
            content: "+";
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            position: absolute;
            background: none;
            right: 0;
            left: auto;
            transform: translateX(0);
            top: 0.05rem;
            font-size: 20px;
            color: #333;
            border: none;
            display: none; }
          header nav .natem .navuls ul li.has-the.show:after {
            content: "-"; }
    header nav .natem.has-nav .nas .xs {
      display: inline-block; }
    header nav .natem.on .nas a {
      color: var(--themes); }
    header nav .natem.on .nas:after {
      opacity: 1;
      width: 100%; }
    header nav .natem.on .nas .xs img:first-child {
      display: none; }
    header nav .natem.on .nas .xs img:last-child {
      display: block; }
    header nav .natem:hover .nas a {
      color: var(--themes); }
    header nav .natem:hover .nas .xs img:first-child {
      display: none; }
    header nav .natem:hover .nas .xs img:last-child {
      display: block; }
    header nav .natem:hover .nas:after {
      opacity: 1;
      width: 100%; }

@media (max-width: 900px) {
  header {
    background-color: #fff; }
    header .hop {
      align-items: center;
      padding: 0.1rem 0; }
    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 .ns {
                width: auto;
                display: inline-block;
                vertical-align: middle;
                line-height: 3;
                color: #333;
                text-align: left !important;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                padding: 0 0.2rem;
                background: #fff;
                position: relative; }
              header nav .natem .navuls ul li .ns:hover {
                color: var(--themes); }
            header nav .natem .navuls ul li + li {
              border-top: solid 1px #eee; }
            header nav .natem .navuls ul li:hover .ns {
              background-color: transparent;
              color: var(--themes); }
            header nav .natem .navuls ul li.has-the:after {
              display: block; }
        header nav .natem:before {
          display: none !important; }
        header nav .natem .prosubnav {
          display: none; }
      header nav .natem.on .nas:after {
        display: none; }
      header nav .natem.has-nav .nas .xs {
        display: none; }
      header nav .natem.has-nav:after {
        content: "+";
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        position: absolute;
        background: none;
        right: 0;
        left: auto;
        transform: translateX(0);
        top: 0.05rem;
        font-size: 20px;
        color: #333;
        border: none; }
      header nav .natem.has-nav.show:after {
        content: "-"; }
      header nav .natem.animate {
        opacity: 1;
        transform: translate(0, 0); }
    header .logo .lm {
      color: #333; }
    header .rav .te .tc {
      width: 30px;
      height: 30px; }
    header .rav .menu {
      width: 30px;
      height: 30px;
      display: inline-block;
      margin-left: 0.2rem; }
      header .rav .menu img:first-child {
        display: none; }
      header .rav .menu img:last-child {
        display: block; }
      header .rav .menu .clk {
        line-height: 30px; }
    header .rav .searcom {
      width: 80px;
      background-color: #f8f8f8;
      top: 1rem; }
      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: 30px;
      height: 30px;
      display: inline-block; }
      header .rav .search .sc {
        width: 30px;
        height: 30px; }
        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(42px + 0.2rem);
      padding: 0.15rem; }

  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;
  padding-top: 1rem; }
  .banner .swiper-slide {
    width: 100%;
    position: relative; }
    .banner .swiper-slide .pcimgs {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: block; }
      .banner .swiper-slide .pcimgs .img {
        width: 100%;
        height: calc(100vh - 1rem); }
    .banner .swiper-slide .phimgs {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: none; }
      .banner .swiper-slide .phimgs .img {
        width: 100%;
        padding-top: 65%; }
    .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 .tom, .banner .swiper-slide .box .vbm {
        width: 100%; }
      .banner .swiper-slide .box .bix {
        width: 100%;
        color: #fff;
        line-height: 1.2;
        font-weight: bold;
        text-shadow: 0 0 2px rgba(26, 71, 147, 0.3);
        letter-spacing: 0.02rem;
        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 .bix p {
          color: #fff;
          line-height: 1.2; }
      .banner .swiper-slide .box .bie {
        width: 100%;
        color: #fff;
        line-height: 1.6;
        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 .bie p {
          color: #fff;
          line-height: 1.6; }
      .banner .swiper-slide .box .vbm {
        margin-top: 0.4rem; }
      .banner .swiper-slide .box .vit {
        width: 100%;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .vit p {
          font-weight: bold;
          color: #fff;
          line-height: 1.2; }
      .banner .swiper-slide .box .sp {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        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 .sp p {
          color: #fff;
          line-height: 1.5; }
      .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;
          background-color: #fff;
          color: var(--themes);
          line-height: 3;
          border-radius: 1.5em;
          width: auto;
          padding: 0 0.45rem; }
          .banner .swiper-slide .box .more a span {
            display: inline-block;
            vertical-align: middle;
            margin-left: 0.2rem;
            width: 10px;
            position: relative;
            top: -0.02rem; }
            .banner .swiper-slide .box .more a span img {
              width: 100%;
              display: block; }
        .banner .swiper-slide .box .more a:hover {
          background-color: var(--themes);
          color: #fff; }
          .banner .swiper-slide .box .more a:hover span img {
            filter: grayscale(1000%) brightness(2000%); }
    .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 .bix, .banner .swiper-slide-active .box .bie, .banner .swiper-slide-active .box .vit, .banner .swiper-slide-active .box .sp, .banner .swiper-slide-active .box .more {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .banner .swiper-pagination {
    bottom: 1rem; }
  .banner .swiper-pagination-bullet {
    /* background-color: rgba(255, 255, 255, 0.2); */
    background-color: #333;
    opacity: 1;
    margin: 0 0.2rem !important;
    /* width: 1.2rem;
    height: 2px; */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle; }
  .banner .swiper-pagination-bullet-active {
    background-color: var(--themes); }
  .banner .hotsear {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    /* height: 1rem; */
    padding: 0.15rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--themes); }
    .banner .hotsear .hotm {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      .banner .hotsear .hotm .hol {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        flex: 1;
        padding-right: 0.6rem; }
        .banner .hotsear .hotm .hol .ht {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #fff;
          line-height: 1.5;
          margin-right: 0.2rem; }
        .banner .hotsear .hotm .hol .sem {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          font-size: 0; }
          .banner .hotsear .hotm .hol .sem a {
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.15rem;
            color: rgba(255, 255, 255, 0.8);
            line-height: 1.4; }
          .banner .hotsear .hotm .hol .sem a:hover {
            color: #fff; }
      .banner .hotsear .hotm .hor {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
      .banner .hotsear .hotm .searm {
        display: inline-block;
        vertical-align: middle;
        width: 3.6rem;
        font-size: 0; }
        .banner .hotsear .hotm .searm form {
          width: 100%;
          display: block;
          position: relative; }
        .banner .hotsear .hotm .searm .sin {
          width: 100%;
          display: block;
          background-color: #fff;
          line-height: 2.6;
          height: 2.6em;
          padding: 0 0.4rem 0 0.2rem;
          border: none;
          color: #666;
          border-radius: 1.3em; }
        .banner .hotsear .hotm .searm .stn {
          position: absolute;
          right: 0.2rem;
          top: 50%;
          transform: translateY(-50%);
          width: 18px;
          cursor: pointer; }
          .banner .hotsear .hotm .searm .stn img {
            width: 100%;
            display: block; }
          .banner .hotsear .hotm .searm .stn .sc {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0;
            z-index: 2; }

@media (max-width: 900px) {
  .banner {
    padding-top: 0; }
    .banner .swiper-slide .pcimgs {
      display: none; }
    .banner .swiper-slide .phimgs {
      display: block; }
    .banner .swiper-slide .box {
      left: 3%; }
      .banner .swiper-slide .box .bix {
        font-size: 20px; }
      .banner .swiper-slide .box .bie {
        font-size: 14px; }
      .banner .swiper-slide .box .vit {
        font-size: 16px; }
      .banner .swiper-slide .box .sp {
        font-size: 12px; }
      .banner .swiper-slide .box .more a {
        font-size: 12px; }
    .banner .swiper-pagination {
      bottom: 0.4rem; }
    .banner .hotsear {
      position: relative;
      height: auto; } }
footer {
  width: 100%;
  background-color: #f5f7fb;
  padding-bottom: 1rem; }
  footer .ftop {
    width: 100%; }
  footer .fop {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0.6rem 0 0.6rem; }
    footer .fop .fit {
      width: 100%;
      font-size: 0;
      margin-bottom: 0.2rem; }
      footer .fop .fit a {
        display: inline-block;
        vertical-align: middle;
        color: #222;
        line-height: 1.4;
        font-weight: bold;
        transition: all ease 0.5s; }
      footer .fop .fit a:hover {
        color: var(--themes); }
    footer .fop .for {
      display: inline-block;
      vertical-align: top;
      width: calc(140 / 1600 * 100%); }
      footer .fop .for .codem {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0.3rem; }
        footer .fop .for .codem .cm {
          width: 1.2rem;
          display: inline-block;
          vertical-align: middle; }
          footer .fop .for .codem .cm img {
            width: 100%;
            display: block; }
      footer .fop .for .share {
        width: 100%;
        font-size: 0; }
        footer .fop .for .share .am {
          display: inline-block;
          vertical-align: middle;
          width: 0.45rem;
          height: 0.45rem;
          border-radius: 50%;
          background-color: #fff;
          margin-right: 0.1rem;
          position: relative; }
          footer .fop .for .share .am a, footer .fop .for .share .am img {
            width: 100%;
            display: block; }
          footer .fop .for .share .am .coem {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: calc(100% + 0.1rem);
            box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
            width: 1.4rem;
            background-color: #fff;
            padding: 0.06rem;
            border-radius: 0.05rem;
            display: none;
            z-index: 2; }
        footer .fop .for .share .am:hover {
          background-color: var(--themes); }
          footer .fop .for .share .am:hover .coem {
            display: block; }
          footer .fop .for .share .am:hover a img {
            filter: grayscale(1000%) brightness(2000%); }
    footer .fop .fol {
      display: inline-block;
      vertical-align: top;
      width: calc(1360 / 1600 * 100%); }
      footer .fop .fol .flist {
        display: inline-block;
        vertical-align: top;
        width: calc(200 / 1360 * 100%);
        text-align: left;
        padding-right: 0.15rem; }
        footer .fop .fol .flist:last-child{
          width: calc(360 / 1360 * 100%);
        }
        footer .fop .fol .flist .fit {
          width: 100%;
          font-size: 0;
          margin-bottom: 0.2rem; }
          footer .fop .fol .flist .fit a {
            display: inline-block;
            vertical-align: middle;
            color: #222;
            line-height: 1.4;
            font-weight: bold;
            transition: all ease 0.5s; }
          footer .fop .fol .flist .fit a:hover {
            color: var(--themes); }
        footer .fop .fol .flist .ful {
          width: 100%; 
          overflow: auto;
          max-height: 2.2rem;
        }
        footer .fop .fol .flist .ful::-webkit-scrollbar {
          width: 4px;
          height: 4px;
          scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
      footer .fop .fol .flist .ful::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 10px rgba(26, 71, 147, 0.3);
          background: rgba(26, 71, 147, 0.3); 
          scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
      footer .fop .fol .flist .ful::-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); }
          footer .fop .fol .flist .ful a {
            width: 100%;
            display: inline-block;
            vertical-align: top;
            color: rgba(0, 0, 0, 1.0);
            transition: all ease 0.5s;
            line-height: 2;
            line-height: 1.5;
            padding: 0.05rem 0; }
          footer .fop .fol .flist .ful a:hover {
            color: var(--themes); }
          footer .fop .fol .flist .ful div {
            width: 100%;
            display: inline-block;
            vertical-align: middle;
            color: rgba(0, 0, 0, 1.0);
            line-height: 2;
            transition: all ease 0.5s; }
  footer .fbp {
    width: 100%;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    padding: 0.25rem 0; }
    footer .fbp .xk {
      display: inline-block;
      vertical-align: middle;
      color: #333333;
      line-height: 1.5;
      margin-right: 0.14rem;
      white-space: nowrap; }
    footer .fbp .urlper {
      flex: 1; }
      footer .fbp .urlper .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-right: 0; }
        footer .fbp .urlper .swiper-slide a {
          display: inline-block;
          vertical-align: middle;
          color: rgba(0, 0, 0, 1.0);
          line-height: 1.5;
          transition: all ease 0.5s; }
          footer .fbp .urlper .swiper-slide a span {
            display: inline-block;
            vertical-align: middle;
            color: rgba(0, 0, 0, 1.0);
            line-height: 1.5;
            margin: 0 0.15rem;
            position: relative;
            top: -0.04rem; }
        footer .fbp .urlper .swiper-slide a:hover {
          color: var(--themes); }
          footer .fbp .urlper .swiper-slide a:hover span {
            color: rgba(0, 0, 0, 1.0); }
  footer .fbot {
    width: 100%;
    border-top: solid 1px rgba(0, 0, 0, 0.1); }
  footer .fob {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.25rem 0 0.25rem; }
    footer .fob .fm {
      width: auto;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      color: rgba(0, 0, 0, 1.0);
      line-height: 1.5; }
      footer .fob .fm a {
        display: inline-block;
        color: rgba(0, 0, 0, 1.0);
        line-height: 1.5;
        margin: 0 0.04rem; }
      footer .fob .fm a:hover {
        color: var(--themes); }

@media (max-width: 900px) {
  footer {
    overflow: hidden; }
    footer .fop {
      width: 100%;
      padding: 0.2rem 0; }
      footer .fop .fol {
        width: 100%;
        margin-bottom: 0.2rem; }
        footer .fop .fol .flist {
          width: 100% !important;
          border-bottom: solid 1px rgba(67, 67, 67, 0.4);
          position: relative; }
          footer .fop .fol .flist .fit {
            width: 100%;
            margin-bottom: 0;
            padding: 0.25rem 0;
            margin-left: 0; }
            footer .fop .fol .flist .fit a {
              font-size: 16px; }
          footer .fop .fol .flist .ful {
            width: 100%;
            font-size: 0;
            padding-bottom: 0.15rem;
            display: none;
            height: auto; }
            footer .fop .fol .flist .ful a {
              line-height: 2; }
        footer .fop .fol .flist:first-child {
          border-top: none;
          border-top: solid 1px rgba(67, 67, 67, 0.4); }
        footer .fop .fol .flist.has-ful:after {
          content: " ";
          display: inline-block;
          width: 14px;
          height: 8px;
          background-image: url("../images/xx.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 .fol .flist.has-ful.show:after {
          content: " ";
          transform: translateX(0) rotate(180deg); }
      footer .fop .for {
        width: 100%;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        footer .fop .for .epm {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          flex: 1; }
          footer .fop .for .epm .share .am {
            display: inline-block;
            vertical-align: middle;
            width: 0.7rem;
            height: 0.7rem; }
        footer .fop .for .codem {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          footer .fop .for .codem .cm {
            width: 2rem; } }
.modualr {
  width: 100%; }
  .modualr .mitop {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
    .modualr .mitop .mol {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      flex: 1;
      padding-right: 0.25rem; }
      .modualr .mitop .mol .mit {
        width: 100%;
        color: var(--themes);
        font-weight: bold; }
        .modualr .mitop .mol .mit span {
          display: inline-block;
          vertical-align: middle;
          width: 4px;
          margin-right: 0.1rem;
          position: relative;
          top: -0.02rem; }
          .modualr .mitop .mol .mit span img {
            width: 100%;
            display: block; }
      .modualr .mitop .mol .xip {
        width: 100%;
        color: #222;
        font-weight: bold;
        margin-top: 0.1rem; }
    .modualr .mitop .mor {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modualr .mitop .mor a {
        display: inline-block;
        vertical-align: middle;
        background-color: transparent;
        color: var(--themes);
        line-height: 3;
        border-radius: 1.5em;
        width: auto;
        padding: 0 0.45rem;
        border: solid 1px var(--themes); }
        .modualr .mitop .mor a span {
          display: inline-block;
          vertical-align: middle;
          margin-left: 0.2rem;
          width: 10px;
          position: relative;
          top: -0.02rem; }
          .modualr .mitop .mor a span img {
            width: 100%;
            display: block; }
      .modualr .mitop .mor a:hover {
        background-color: var(--themes);
        color: #fff; }
        .modualr .mitop .mor a:hover span img {
          filter: grayscale(1000%) brightness(2000%); }

.newcom {
  width: 100%;
  padding-top: 0.5rem; }
  .newcom .newpms {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .newcom .newpms .nel {
      display: flex;
      flex-wrap: wrap;
      width: calc(1060 / 1600 * 100%);
      padding: 0.3rem 0.4rem 0.2rem;
      background-color: #fff; }
    .newcom .newpms .ner {
      display: flex;
      flex-wrap: wrap;
      width: calc(520 / 1600 * 100%);
      padding: 0.3rem 0.4rem;
      background-color: #fff; }
    .newcom .newpms .nop {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.25rem; }
      .newcom .newpms .nop .nol {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #222;
        font-weight: bold; }
        .newcom .newpms .nop .nol span {
          display: inline-block;
          vertical-align: middle;
          width: 0.35rem;
          margin-right: 0.1rem;
          position: relative;
          top: -0.02rem; }
          .newcom .newpms .nop .nol span img {
            width: 100%;
            display: block; }
      .newcom .newpms .nop .nor {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        font-size: 0; }
        .newcom .newpms .nop .nor .pagination {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          .newcom .newpms .nop .nor .pagination .xi {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            width: 0.1rem;
            height: 0.1rem;
            background-color: #f3f5f9;
            margin: 0 0.07rem;
            cursor: pointer; }
          .newcom .newpms .nop .nor .pagination .xi.on {
            background-color: var(--themes); }
    .newcom .newpms .nelist {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap;
      align-content: space-between; }
      .newcom .newpms .nelist .nelom {
        display: inline-block;
        vertical-align: middle;
        width: calc(450 / 980 * 100%);
        margin-right: calc(79 / 980 * 100%);
        margin-bottom: 0.3rem; }
        .newcom .newpms .nelist .nelom a {
          width: 100%;
          display: block;
          font-size: 0; }
        .newcom .newpms .nelist .nelom .imgs {
          display: inline-block;
          vertical-align: middle;
          width: calc(180 / 450 * 100%);
          position: relative;
          overflow: hidden; }
          .newcom .newpms .nelist .nelom .imgs .img {
            width: 100%;
            padding-top: 60%;
            transition: all ease 0.5s; }
        .newcom .newpms .nelist .nelom .com {
          display: inline-block;
          vertical-align: middle;
          width: calc(270 / 450 * 100%);
          padding-left: 0.2rem; }
          .newcom .newpms .nelist .nelom .com .ct {
            width: 100%;
            color: #111;
            line-height: 1.4;
            height: 2.8em; }
          .newcom .newpms .nelist .nelom .com .time {
            width: 100%;
            color: #999;
            line-height: 1.5;
            margin-top: 0.1rem; }
      .newcom .newpms .nelist .nelom:nth-child(2n) {
        margin-right: 0; }
      .newcom .newpms .nelist .nelom:hover .imgs .img {
        transform: scale(1.1); }
      .newcom .newpms .nelist .nelom:hover .com .ct {
        color: var(--themes); }
    .newcom .newpms .nerper {
      width: 100%; }
      .newcom .newpms .nerper .swiper-slide {
        width: 100%; }
        .newcom .newpms .nerper .swiper-slide a {
          width: 100%;
          display: block; }
        .newcom .newpms .nerper .swiper-slide .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .newcom .newpms .nerper .swiper-slide .imgs .img {
            width: 100%;
            padding-top: 60%;
            transition: all ease 0.5s; }
          .newcom .newpms .nerper .swiper-slide .imgs .eim {
            position: absolute;
            bottom: 0;
            padding: 0.15rem;
            color: #fff;
            z-index: 2;
            line-height: 1.5;
            left: 0;
            right: 0; }
        .newcom .newpms .nerper .swiper-slide .pom {
          width: 100%;
          padding-top: 0.25rem; }
          .newcom .newpms .nerper .swiper-slide .pom .pm {
            width: 100%;
            color: #000;
            line-height: 2; }
      .newcom .newpms .nerper .swiper-slide:hover .imgs .img {
        transform: scale(1.1); }

.casem {
  width: 100%;
  padding-top: 0.5rem; }
  .casem .mitop {
    margin-bottom: 0.15rem; }
  .casem .screens {
    width: 100%;
    margin-bottom: 0.1rem; }
    .casem .screens .screm {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      .casem .screens .screm .xim {
        display: inline-block;
        vertical-align: top;
        width: auto;
        color: #222;
        font-weight: bold;
        line-height: 3;
        white-space: nowrap;
        margin-right: 0.1rem; }
      .casem .screens .screm .repm {
        display: inline-block;
        vertical-align: top;
        flex: 1;
        font-size: 0; }
        .casem .screens .screm .repm .xiem {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          padding: 0 0.2rem;
          line-height: 3;
          border-radius: 1.5em;
          color: #000;
          margin-right: 0.15rem;
          margin-bottom: 0.1rem;
          cursor: pointer; }
        .casem .screens .screm .repm .xiem.on, .casem .screens .screm .repm .xiem:hover {
          background-color: var(--themes);
          color: #fff; }
    .casem .screens .screm + .screm {
      margin-top: 0.1rem; }
  .casem .scrper {
    width: 100%;
    position: relative; }
    .casem .scrper .swiom {
      width: calc(296 / 1600 * 100%);
      width: calc(378 / 1600 * 100%);
      margin-right: calc(29 / 1600 * 100%);
      margin-bottom: 0.2rem;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      background-color: #fff;
      border: solid 1px rgba(0, 0, 0, 0.1); }
      .casem .scrper .swiom a {
        width: 100%;
        display: block; }
      .casem .scrper .swiom:after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 0.1rem;
        background-color: var(--themes);
        opacity: 0;
        z-index: 2; }
      .casem .scrper .swiom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .casem .scrper .swiom .imgs .img {
          width: 100%;
          padding-top: 50.81%;
          transition: all ease 0.5s; }
      .casem .scrper .swiom .com {
        width: 100%;
        padding: 0.1rem 0.1rem 0.1rem; }
        .casem .scrper .swiom .com .cm {
          width: 100%;
          color: #222;
          text-align: center;
          line-height: 2; }
    .casem .scrper .swiom:nth-child(4n) {
      margin-right: 0; }
    .casem .scrper .swiom.on:after, .casem .scrper .swiom:hover:after {
      opacity: 1; }
    .casem .scrper .swiom.on .imgs .img, .casem .scrper .swiom:hover .imgs .img {
      transform: scale(1.1); }
    .casem .scrper .swiom.on .com .cm, .casem .scrper .swiom:hover .com .cm {
      color: var(--themes); }
    .casem .scrper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      background-color: transparent;
      cursor: pointer;
      border-radius: 50%;
      border: solid 1px rgba(26, 71, 147, 0.2); }
      .casem .scrper .btn img {
        width: 14px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .casem .scrper .btn img:first-child {
        display: block; }
      .casem .scrper .btn img:last-child {
        display: none; }
    .casem .scrper .btn:hover {
      background-color: var(--themes);
      border: solid 1px #1a4793; }
      .casem .scrper .btn:hover img:first-child {
        display: none; }
      .casem .scrper .btn:hover img:last-child {
        display: block; }
    .casem .scrper .bl {
      left: -1rem; }
    .casem .scrper .br {
      right: -1rem; }

@media (max-width: 1680px) {
  .casem .scrper .bl {
    left: -0.3rem; }
  .casem .scrper .br {
    right: -0.3rem; } }
.abouts {
  width: 100%;
  padding-top: 0.5rem; }
  .abouts .abotm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse; }
    .abouts .abotm .abl {
      display: inline-block;
      vertical-align: middle;
      width: calc(640 / 1600 * 100%); }
      .abouts .abotm .abl .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .abouts .abotm .abl .imgs .img {
          width: 100%;
          padding-top: 56.25%;
          transition: all ease 0.5s; }
        .abouts .abotm .abl .imgs .play {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 0.7rem;
          height: 0.7rem;
          background-color: #fff;
          border-radius: 50%;
          cursor: pointer;
          z-index: 2; }
        .abouts .abotm .abl .imgs .sit {
          width: 100%;
          position: absolute;
          left: 0;
          top: 0;
          color: #333;
          font-weight: bold;
          z-index: 2; }
    .abouts .abotm .abr {
      display: inline-block;
      vertical-align: middle;
      width: calc(840 / 1600 * 100%); }
      .abouts .abotm .abr .ainp {
        width: 100%;
        color: #000;
        line-height: 1.75; }
        .abouts .abotm .abr .ainp p {
          color: #000;
          line-height: 1.75; }
      .abouts .abotm .abr .more {
        width: 100%;
        font-size: 0;
        margin: 0.4rem 0; }
        .abouts .abotm .abr .more a {
          display: inline-block;
          vertical-align: middle;
          background-color: transparent;
          color: var(--themes);
          line-height: 3;
          border-radius: 1.5em;
          width: auto;
          padding: 0 0.45rem;
          border: solid 1px var(--themes); }
          .abouts .abotm .abr .more a span {
            display: inline-block;
            vertical-align: middle;
            margin-left: 0.2rem;
            width: 10px;
            position: relative;
            top: -0.02rem; }
            .abouts .abotm .abr .more a span img {
              width: 100%;
              display: block; }
        .abouts .abotm .abr .more a:hover {
          background-color: var(--themes);
          color: #fff; }
          .abouts .abotm .abr .more a:hover span img {
            filter: grayscale(1000%) brightness(2000%); }
        .abouts .abotm .abr .more a + a {
          margin-left: 0.2rem; }
        .abouts .abotm .abr .more a.vid {
          background-color: #eb6123;
          border: solid 1px #eb6123;
          color: #fff; }
          .abouts .abotm .abr .more a.vid span {
            width: 0.19rem; }
            .abouts .abotm .abr .more a.vid span img {
              filter: grayscale(1000%) brightness(2000%); }
  .abouts .datas {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 0 0.5rem;
    justify-content: space-between; }
    .abouts .datas .daim {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      margin-right: 2%;
      background-color: #fff;
      padding: 0.3rem 0;
      cursor: pointer; }
      .abouts .datas .daim .dom {
        display: inline-block;
        vertical-align: top;
        width: 100%; }
        .abouts .datas .daim .dom .dum {
          width: 100%;
          color: var(--themes); }
          .abouts .datas .daim .dom .dum span {
            display: inline-block;
            color: var(--themes);
            margin-right: 0.04rem; }
        .abouts .datas .daim .dom .xm {
          width: 100%;
          color: #333;
          line-height: 1.5;
          margin-top: 0.1rem; }

.equipment {
  width: 100%;
  height: 100vh;
  padding-top: 1rem;
  background-color: #fff; }
  .equipment .equtop {
    width: 100%;
    height: 1.2rem;
    background-color: #fff; }
    .equipment .equtop .equper {
      width: 100%;
      height: 1.2rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .equipment .equtop .equper .swiper-container {
        width: 100%; }
      .equipment .equtop .equper .swiper-wrapper.center {
        justify-content: center; }
      .equipment .equtop .equper .swiper-slide {
        width: 100%;
        cursor: pointer; }
        .equipment .equtop .equper .swiper-slide .sic {
          width: 100%;
          text-align: center;
          font-size: 0;
          margin-bottom: 0.1rem; }
          .equipment .equtop .equper .swiper-slide .sic .xm {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            height: 0.48rem; }
            .equipment .equtop .equper .swiper-slide .sic .xm img {
              height: 100%;
              display: block; }
            .equipment .equtop .equper .swiper-slide .sic .xm img:first-child {
              display: block; }
            .equipment .equtop .equper .swiper-slide .sic .xm img:last-child {
              display: none; }
        .equipment .equtop .equper .swiper-slide .cm {
          width: 100%;
          color: #666;
          line-height: 1.5;
          text-align: center; }
      .equipment .equtop .equper .swiper-slide:hover .sic .xm img:first-child, .equipment .equtop .equper .swiper-slide.on .sic .xm img:first-child {
        display: none; }
      .equipment .equtop .equper .swiper-slide:hover .sic .xm img:last-child, .equipment .equtop .equper .swiper-slide.on .sic .xm img:last-child {
        display: block; }
      .equipment .equtop .equper .swiper-slide:hover .cm, .equipment .equtop .equper .swiper-slide.on .cm {
        color: var(--themes); }
  .equipment .equcom {
    width: 100%;
    height: calc(100vh - 2.2rem);
    background-color: #f9fbfd; }
    .equipment .equcom .eitom {
      width: 100%;
      display: none; }
    .equipment .equcom .eitom.on {
      display: block; }
    /* .equipment .equcom .equcmper {
      width: 100%;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      font-size: 0;
      align-content: center;
      height: calc(100vh - 2.2rem); }
      .equipment .equcom .equcmper .swiper-slide, .equipment .equcom .equcmper .equom {
        width: calc(520 / 1600 * 100%);
        margin-right: calc(18 / 1600 * 100%);
        display: inline-block;
        vertical-align: top;
        transition: all ease 0.5s;
        margin-bottom: 0.2rem; }
        .equipment .equcom .equcmper .swiper-slide a, .equipment .equcom .equcmper .equom a {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          padding: 0.2rem 0.2rem;
          align-items: flex-end;
          justify-content: space-between; }
        .equipment .equcom .equcmper .swiper-slide .equl, .equipment .equcom .equcmper .equom .equl {
          display: inline-block;
          vertical-align: bottom;
          width: calc(280 / 520 * 100%); }
        .equipment .equcom .equcmper .swiper-slide .xit, .equipment .equcom .equcmper .equom .xit {
          width: 100%;
          color: var(--themes);
          font-weight: bold;
          line-height: 1.2; }
        .equipment .equcom .equcmper .swiper-slide .dim, .equipment .equcom .equcmper .equom .dim {
          width: 100%;
          color: #222;
          font-weight: bold;
          line-height: 1.2;
          margin-top: 0.1rem; }
        .equipment .equcom .equcmper .swiper-slide .imgs, .equipment .equcom .equcmper .equom .imgs {
          width: 100%;
          position: relative;
          overflow: hidden;
          margin: 0.1rem 0; }
          .equipment .equcom .equcmper .swiper-slide .imgs .img, .equipment .equcom .equcmper .equom .imgs .img {
            width: 100%;
            padding-top: 37.08%;
            padding-top: 74.16%;
            transition: all ease 0.5s; }
        .equipment .equcom .equcmper .swiper-slide .vob, .equipment .equcom .equcmper .equom .vob {
          display: inline-block;
          vertical-align: bottom;
          width: calc(220 / 520 * 100%); }
          .equipment .equcom .equcmper .swiper-slide .vob .jm, .equipment .equcom .equcmper .equom .vob .jm {
            width: 100%;
            color: #222;
            font-weight: bold;
            line-height: 1.2;
            margin-bottom: 0.1rem; }
          .equipment .equcom .equcmper .swiper-slide .vob .labels, .equipment .equcom .equcmper .equom .vob .labels {
            width: 100%;
            font-size: 0; }
            .equipment .equcom .equcmper .swiper-slide .vob .labels .lam, .equipment .equcom .equcmper .equom .vob .labels .lam {
              display: inline-block;
              vertical-align: middle;
              width: auto;
              border: solid 1px rgba(0, 0, 0, 0.15);
              padding: 0.08rem 0.1rem;
              margin-right: 0.1rem;
              margin-bottom: 0.1rem;
              border-radius: 3px; }
              .equipment .equcom .equcmper .swiper-slide .vob .labels .lam .ac, .equipment .equcom .equcmper .equom .vob .labels .lam .ac {
                display: inline-block;
                vertical-align: middle;
                width: 20px;
                margin-right: 0.08rem; }
                .equipment .equcom .equcmper .swiper-slide .vob .labels .lam .ac img, .equipment .equcom .equcmper .equom .vob .labels .lam .ac img {
                  width: 100%;
                  display: block; }
              .equipment .equcom .equcmper .swiper-slide .vob .labels .lam .cm, .equipment .equcom .equcmper .equom .vob .labels .lam .cm {
                display: inline-block;
                vertical-align: middle;
                width: auto;
                color: #666;
                line-height: 2; }
      .equipment .equcom .equcmper .swiper-slide:hover, .equipment .equcom .equcmper .equom:hover {
        background-color: var(--themes); }
        .equipment .equcom .equcmper .swiper-slide:hover .xit, .equipment .equcom .equcmper .equom:hover .xit {
          color: #eb6123; }
        .equipment .equcom .equcmper .swiper-slide:hover .dim, .equipment .equcom .equcmper .equom:hover .dim {
          color: #fff; }
        .equipment .equcom .equcmper .swiper-slide:hover .vob .jm, .equipment .equcom .equcmper .equom:hover .vob .jm {
          color: #fff; }
        .equipment .equcom .equcmper .swiper-slide:hover .vob .labels .lam, .equipment .equcom .equcmper .equom:hover .vob .labels .lam {
          border: solid 1px rgba(255, 255, 255, 0.1); }
          .equipment .equcom .equcmper .swiper-slide:hover .vob .labels .lam .ac img, .equipment .equcom .equcmper .equom:hover .vob .labels .lam .ac img {
            filter: grayscale(1000%) brightness(2000%); }
          .equipment .equcom .equcmper .swiper-slide:hover .vob .labels .lam .cm, .equipment .equcom .equcmper .equom:hover .vob .labels .lam .cm {
            color: #fff; }
      .equipment .equcom .equcmper .equom:nth-child(3n) {
        margin-right: 0; }
      .equipment .equcom .equcmper .btn {
        position: absolute;
        z-index: 3;
        top: 50%;
        transform: translateY(-50%);
        width: 0.6rem;
        height: 0.6rem;
        background-color: transparent;
        cursor: pointer;
        border-radius: 50%;
        border: solid 1px rgba(26, 71, 147, 0.2); }
        .equipment .equcom .equcmper .btn img {
          width: 14px;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .equipment .equcom .equcmper .btn img:first-child {
          display: block; }
        .equipment .equcom .equcmper .btn img:last-child {
          display: none; }
      .equipment .equcom .equcmper .btn:hover {
        background-color: var(--themes);
        border: solid 1px #1a4793; }
        .equipment .equcom .equcmper .btn:hover img:first-child {
          display: none; }
        .equipment .equcom .equcmper .btn:hover img:last-child {
          display: block; }
      .equipment .equcom .equcmper .bl {
        left: 0.4rem; }
      .equipment .equcom .equcmper .br {
        right: 0.4rem; } */

        /*--分界线--*/
        
        .equipment .equcom .equcmper {
          width: 100%;
          position: relative; }
          .equipment .equcom .equcmper .swiper-slide {
            width: 100%;
            height: calc(100vh - 3rem);
            transition: all ease 0.5s; }
            .equipment .equcom .equcmper .swiper-slide a {
              width: 100%;
              height: 100%;
              display: flex;
              flex-wrap: wrap;
              padding: 0.3rem 0.5rem;
              align-content: center; }
            .equipment .equcom .equcmper .swiper-slide .xit {
              width: 100%;
              color: var(--themes);
              font-weight: bold;
              line-height: 1.2; }
            .equipment .equcom .equcmper .swiper-slide .dim {
              width: 100%;
              color: #222;
              font-weight: bold;
              line-height: 1.2;
              margin-top: 0.1rem; }
            .equipment .equcom .equcmper .swiper-slide .imgs {
              width: 100%;
              position: relative;
              overflow: hidden;
              margin: 0.4rem 0; }
              .equipment .equcom .equcmper .swiper-slide .imgs .img {
                width: 100%;
                padding-top: 74.16%;
                transition: all ease 0.5s; }
            .equipment .equcom .equcmper .swiper-slide .vob {
              width: 100%; }
              .equipment .equcom .equcmper .swiper-slide .vob .jm {
                width: 100%;
                color: #222;
                font-weight: bold;
                line-height: 1.2;
                margin-bottom: 0.1rem; }
              .equipment .equcom .equcmper .swiper-slide .vob .labels {
                width: 100%;
                font-size: 0; }
                .equipment .equcom .equcmper .swiper-slide .vob .labels .lam {
                  display: inline-block;
                  vertical-align: middle;
                  width: auto;
                  border: solid 1px rgba(0, 0, 0, 1.0);
                  padding: 0.08rem 0.1rem;
                  margin-right: 0.1rem;
                  margin-bottom: 0.1rem;
                  border-radius: 3px; }
                  .equipment .equcom .equcmper .swiper-slide .vob .labels .lam .ac {
                    display: inline-block;
                    vertical-align: middle;
                    width: 20px;
                    margin-right: 0.08rem; }
                    .equipment .equcom .equcmper .swiper-slide .vob .labels .lam .ac img {
                      width: 100%;
                      display: block; }
                  .equipment .equcom .equcmper .swiper-slide .vob .labels .lam .cm {
                    display: inline-block;
                    vertical-align: middle;
                    width: auto;
                    color: #333;
                    line-height: 2; }
          .equipment .equcom .equcmper .swiper-slide:hover {
            background-color: var(--themes); }
            .equipment .equcom .equcmper .swiper-slide:hover .xit {
              color: #eb6123; }
            .equipment .equcom .equcmper .swiper-slide:hover .dim {
              color: #fff; }
            .equipment .equcom .equcmper .swiper-slide:hover .vob .jm {
              color: #fff; }
            .equipment .equcom .equcmper .swiper-slide:hover .vob .labels .lam {
              border: solid 1px rgba(255, 255, 255, 0.1); }
              .equipment .equcom .equcmper .swiper-slide:hover .vob .labels .lam .ac img {
                filter: grayscale(1000%) brightness(2000%); }
              .equipment .equcom .equcmper .swiper-slide:hover .vob .labels .lam .cm {
                color: #fff; }
          .equipment .equcom .equcmper .btn {
            position: absolute;
            z-index: 3;
            top: 50%;
            transform: translateY(-50%);
            width: 0.6rem;
            height: 0.6rem;
            background-color: transparent;
            cursor: pointer;
            border-radius: 50%;
            border: solid 1px rgba(26, 71, 147, 0.2); }
            .equipment .equcom .equcmper .btn img {
              width: 14px;
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
            .equipment .equcom .equcmper .btn img:first-child {
              display: block; }
            .equipment .equcom .equcmper .btn img:last-child {
              display: none; }
          .equipment .equcom .equcmper .btn:hover {
            background-color: var(--themes);
            border: solid 1px #1a4793; }
            .equipment .equcom .equcmper .btn:hover img:first-child {
              display: none; }
            .equipment .equcom .equcmper .btn:hover img:last-child {
              display: block; }
          .equipment .equcom .equcmper .bl {
            left: 0.4rem; }
          .equipment .equcom .equcmper .br {
            right: 0.4rem; }

@media (max-width: 900px) {
  .equipment {
    height: auto;
    padding-top: 0; }
    .equipment .equtop {
      height: 1.8rem; }
      .equipment .equtop .equper {
        height: 1.8rem; }
    .equipment .equcom {
      height: auto; }
      .equipment .equcom .equcmper .swiper-slide {
        height: auto; }
        .equipment .equcom .equcmper .swiper-slide a {
          padding: 0.5rem 0.5rem; } }
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(26, 71, 147, 0.9);
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.15rem 0;
  display: none; }
  .bottom .bom {
    width: 100%;
    text-align: center;
    font-size: 0; }
    .bottom .bom .xm {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      background-color: #eb6123;
      line-height: 2.5;
      border-radius: 1.25em;
      cursor: pointer;
      color: #fff;
      font-weight: bold;
      padding: 0 0.5rem; }

.popox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }
  .popox .pox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 4.8rem;
    max-width: 80%;
    padding: 1.2rem 1rem 0.8rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-width: 320px; }
    .popox .pox .xim {
      width: 100%;
      text-align: center;
      color: #666;
      line-height: 1.5; }
    .popox .pox .vob {
      width: 100%;
      font-size: 0;
      text-align: center;
      margin-top: 0.3rem; }
      .popox .pox .vob a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        background-color: var(--themes);
        padding: 0 0.4rem;
        line-height: 2.8;
        border-radius: 1.4em;
        color: #fff; }
        .popox .pox .vob a span {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          width: 26px;
          width: 0.26rem;
          margin-right: 0.1rem; }
          .popox .pox .vob a span img {
            width: 100%;
            display: block; }
    .popox .pox .vg {
      position: absolute;
      z-index: -1;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.15);
      left: 50%;
      top: 0;
      transform: translate(-50%, -50%); }
    .popox .pox .ic {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      background-color: var(--themes);
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, -50%); }
    .popox .pox .close {
      position: absolute;
      right: 0.2rem;
      top: 0.2rem;
      color: #333;
      cursor: pointer;
      z-index: 2; }

.nanner {
  width: 100%;
  position: relative; }
  .nanner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .nanner .imgs .img {
      width: 100%;
      padding-top: 36.458%; }
  .nanner .nox {
    position: absolute;
    left: calc(160 / 1920 * 100%);
    top: 50%;
    transform: translateY(-50%); }
    .nanner .nox .nit {
      width: 100%;
      color: #fff;
      line-height: 1.5;
      font-weight: bold; }
    .nanner .nox .nie {
      width: 100%;
      color: #fff;
      line-height: 1.5;
      margin-bottom: 0.08rem; }
      .nanner .nox .nie span {
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        position: relative;
        top: -0.02rem;
        margin-right: 0.1rem; }
        .nanner .nox .nie span img {
          width: 100%;
          display: block; }

@media (max-width: 1680px) {
  .nanner .nox {
    left: 5%; } }
@media (max-width: 800px) {
  .nanner .nox {
    left: 3%; } }
.crumbs {
  width: 100%;
  background-color: #fff; }
  .crumbs .column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    font-size: 0; }
    .crumbs .column .colum {
      width: auto;
      font-size: 0;
      display: inline-block;
      vertical-align: middle; }
      .crumbs .column .colum .home {
        display: inline-block;
        vertical-align: middle;
        width: .2rem;
        height: .2rem;
        min-width: 18px;
        min-height: 18px;
        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: #444;
        line-height: 1rem; }
      .crumbs .column .colum a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #444;
        line-height: 0.8rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .crumbs .column .colum a span {
          display: inline-block;
          color: #444;
          line-height: 0.8rem;
          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 .column .cul {
      display: inline-block;
      vertical-align: middle;
      flex: 1; }
      .crumbs .column .cul .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-right: 0.4rem; }
        .crumbs .column .cul .swiper-slide a {
          display: inline-block;
          vertical-align: middle;
          color: #222;
          line-height: 1rem;
          width: auto;
          padding: 0 0.15rem;
          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;
            transition: all ease 0.5s; }
      .crumbs .column .cul .swiper-slide.on a, .crumbs .column .cul .swiper-slide:hover a {
        background-color: var(--themes);
        color: #fff; }
      .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.tr {
  background-color: transparent; }

@media (max-width: 800px) {
  .crumbs .column {
    flex-direction: column-reverse; }
    .crumbs .column .colum {
      border-bottom: solid 1px #eee; } }
.modular {
  width: 100%; }
  .modular .mitop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.45rem; }
    .modular .mitop .mol {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop .mol .nit {
        width: 100%;
        color: #222;
        line-height: 1.5;
        font-weight: bold; }
        .modular .mitop .mol .nit span {
          color: var(--themes);
          font-weight: bold; }
      .modular .mitop .mol .nie {
        width: 100%;
        color: var(--themes);
        line-height: 1.5;
        margin-bottom: 0.08rem; }
        .modular .mitop .mol .nie span {
          display: inline-block;
          vertical-align: middle;
          width: 4px;
          position: relative;
          top: -0.02rem;
          margin-right: 0.1rem; }
          .modular .mitop .mol .nie span img {
            width: 100%;
            display: block; }
    .modular .mitop .mor {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop .mor .btns {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        font-size: 0; }
        .modular .mitop .mor .btns .btn {
          display: inline-block;
          vertical-align: middle;
          width: 0.6rem;
          height: 0.6rem;
          border-radius: 50%;
          cursor: pointer;
          background-color: transparent;
          border: solid 1px rgba(26, 71, 147, 0.2); }
          .modular .mitop .mor .btns .btn img {
            width: 100%;
            display: block; }
          .modular .mitop .mor .btns .btn img:first-child {
            display: block; }
          .modular .mitop .mor .btns .btn img:last-child {
            display: none; }
        .modular .mitop .mor .btns .btn:hover {
          background-color: var(--themes);
          border: solid 1px var(--themes); }
          .modular .mitop .mor .btns .btn:hover img:first-child {
            display: none; }
          .modular .mitop .mor .btns .btn:hover img:last-child {
            display: block; }
        .modular .mitop .mor .btns .btn + .btn {
          margin-left: 0.1rem; }
  .modular .midop {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: center; }
    .modular .midop .mtp {
      width: 100%;
      color: #222;
      font-weight: bold;
      line-height: 1.3; }
    .modular .midop .mip {
      width: 100%;
      color: #000;
      line-height: 1.5;
      margin-top: 0.1rem; }
  .modular .midop.left {
    text-align: left; }

.abnavs {
  width: 100%; }
  .abnavs .abnav {
    width: 100%;
    padding: 0.2rem 0; }
    .abnavs .abnav .swiper-container {
      padding-bottom: 4px; }
    .abnavs .abnav .swiper-wrapper.center {
      justify-content: center; }
    .abnavs .abnav .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .abnavs .abnav .swiper-slide a {
        display: inline-block;
        vertical-align: middle;
        color: #000;
        line-height: 3.2;
        width: auto;
        padding: 0 0.3rem;
        transition: all ease 0.5s;
        border: solid 1px rgba(26, 71, 147, 0.2); }
        .abnavs .abnav .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; }
    .abnavs .abnav .swiper-slide + .swiper-slide {
      margin-left: 0.1rem; }
    .abnavs .abnav .swiper-slide.on a, .abnavs .abnav .swiper-slide:hover a {
      background-color: var(--themes);
      color: #fff; }
    .abnavs .abnav .swiper-scrollbar {
      background-color: rgba(0, 0, 0, 0.1);
      left: 0;
      right: 0;
      width: 100%;
      bottom: 0;
      display: none; }
    .abnavs .abnav .swiper-scrollbar-drag {
      background-color: var(--themes); }
  .abnavs .abnav.pbs .swiper-container {
    padding-bottom: 0.15rem; }
  .abnavs .abnav.pbs .swiper-scrollbar {
    display: block; }
  .abnavs .abnav.fixed {
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 0.1rem 0; }

.about {
  width: 100%; }
  .about .abotm {
    width: 100%; }

.company {
  width: 100%;
  padding: 0.2rem 0 0.8rem; }
  .company .compy {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: calc(160 / 1920 * 100%); }
    .company .compy .coml {
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
      width: calc(640 / 1760 * 100%); }
      .company .compy .coml .votm {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .company .compy .coml .votm .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .company .compy .coml .votm .imgs .img {
            width: 100%;
            padding-top: 56.25%;
            transition: all ease 0.5s; }
        .company .compy .coml .votm .play {
          position: absolute;
          z-index: 4;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 0.7rem;
          height: 0.7rem; }
          .company .compy .coml .votm .play img {
            width: 100%;
            display: block; }
    .company .compy .comr {
      display: inline-block;
      vertical-align: middle;
      width: calc(1000 / 1760 * 100%); }
      .company .compy .comr .siom {
        width: 100%;
        padding-right: calc(160 / 1920 * 100%); }
        .company .compy .comr .siom .sit {
          width: 100%;
          color: #222;
          line-height: 1.3;
          margin-bottom: 0.2rem; }
        .company .compy .comr .siom .sinp {
          width: 100%;
          color: #000;
          line-height: 1.75; }
          .company .compy .comr .siom .sinp p {
            color: #000;
            line-height: 1.75; }
      .company .compy .comr .vob {
        width: 100%;
        background-color: var(--themes);
        font-size: 0;
        padding-right: calc(160 / 1920 * 100%);
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.5rem; }
        .company .compy .comr .vob .vitm {
          width: 33.33%;
          display: inline-block;
          vertical-align: middle;
          padding: 0.3rem;
          background-color: #fff;
          transition: all ease 0.5s;
          cursor: pointer; }
          .company .compy .comr .vob .vitm .vod {
            width: 100%;
            font-size: 0;
            justify-content: space-between;
            display: flex; }
            .company .compy .comr .vob .vitm .vod .xum {
              display: inline-block;
              vertical-align: middle;
              color: var(--themes); }
              .company .compy .comr .vob .vitm .vod .xum span {
                display: inline-block;
                margin-right: 0.1rem; }
            .company .compy .comr .vob .vitm .vod .oc {
              display: inline-block;
              vertical-align: middle;
              width: 0.32rem;
              opacity: 0.2;
              transition: all ease 0.5s; }
              .company .compy .comr .vob .vitm .vod .oc img {
                width: 100%;
                display: block; }
          .company .compy .comr .vob .vitm .tm {
            width: 100%;
            color: #666;
            line-height: 1.5;
            margin-top: 0.1rem; }
        .company .compy .comr .vob .vitm:hover {
          background-color: var(--themes); }
          .company .compy .comr .vob .vitm:hover .vod .xum {
            color: #fff; }
            .company .compy .comr .vob .vitm:hover .vod .xum span {
              color: #fff; }
          .company .compy .comr .vob .vitm:hover .vod .oc img {
            filter: grayscale(1000%) brightness(2000%); }
          .company .compy .comr .vob .vitm:hover .tm {
            color: #fff; }

.parnter {
  width: 100%;
  padding: 1rem 0 1rem; }
  .parnter .parnt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .parnter .parnt .parl {
      display: inline-block;
      vertical-align: middle;
      width: calc(440 / 1600 * 100%); }
      .parnter .parnt .parl .palist {
        width: 100%; }
        .parnter .parnt .parl .palist .paim {
          width: 100%; }
          .parnter .parnt .parl .palist .paim .pc {
            width: 0.5rem;
            height: 0.5rem;
            display: block; }
            .parnter .parnt .parl .palist .paim .pc img {
              width: 100%;
              display: block; }
          .parnter .parnt .parl .palist .paim .em {
            width: 100%;
            color: #000;
            line-height: 1.4;
            margin: 0.2rem 0 0.1rem; }
          .parnter .parnt .parl .palist .paim .sim {
            width: 100%;
            color: #000;
            line-height: 1.5; }
        .parnter .parnt .parl .palist .paim + .paim {
          margin-top: 0.4rem; }
      .parnter .parnt .parl .btns {
        width: 100%;
        font-size: 0;
        margin-top: 0.5rem; }
        .parnter .parnt .parl .btns .btn {
          display: inline-block;
          vertical-align: middle;
          width: 0.6rem;
          height: 0.6rem;
          border-radius: 50%;
          cursor: pointer;
          background-color: transparent;
          border: solid 1px rgba(26, 71, 147, 0.2); }
          .parnter .parnt .parl .btns .btn img {
            width: 100%;
            display: block; }
          .parnter .parnt .parl .btns .btn img:first-child {
            display: block; }
          .parnter .parnt .parl .btns .btn img:last-child {
            display: none; }
        .parnter .parnt .parl .btns .btn:hover {
          background-color: var(--themes);
          border: solid 1px var(--themes); }
          .parnter .parnt .parl .btns .btn:hover img:first-child {
            display: none; }
          .parnter .parnt .parl .btns .btn:hover img:last-child {
            display: block; }
        .parnter .parnt .parl .btns .btn + .btn {
          margin-left: 0.1rem; }
    .parnter .parnt .parr {
      display: inline-block;
      vertical-align: middle;
      width: calc(1060 / 1600 * 100%); }
      .parnter .parnt .parr .parpers {
        width: 100%;
        font-size: 0; }
        .parnter .parnt .parr .parpers .petrm {
          display: inline-block;
          vertical-align: top;
          width: calc(250 / 1060 * 100% );
          margin-right: calc(19 / 1060 * 100%);
          margin-bottom: 0.2rem; }
          .parnter .parnt .parr .parpers .petrm a {
            width: 100%;
            display: block; }
          .parnter .parnt .parr .parpers .petrm .imgs {
            width: 100%;
            position: relative;
            overflow: hidden;
            background-color: #fff; }
            .parnter .parnt .parr .parpers .petrm .imgs .img {
              width: 100%;
              padding-top: 60%;
              transition: all ease 0.5s; }
        .parnter .parnt .parr .parpers .petrm:nth-child(4n) {
          margin-right: 0; }
        .parnter .parnt .parr .parpers .petrm:hover .imgs .img {
          transform: scale(1.1); }

.environment {
  width: 100%;
  padding: 0.8rem 0; }
  .environment .envipers {
    width: 100%;
    font-size: 0;
    position: relative; }
    .environment .envipers .etrm {
      display: inline-block;
      vertical-align: top;
      width: calc(385 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      position: relative;
      margin-bottom: 0.2rem;
      cursor: pointer; }
      .environment .envipers .etrm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .environment .envipers .etrm .imgs .img {
          width: 100%;
          padding-top: 60.25%;
          transition: all ease 0.5s; }
    .environment .envipers .etrm:nth-child(4n) {
      margin-right: 0; }
    .environment .envipers .etrm:hover .imgs .img {
      transform: scale(1.1); }
    .environment .envipers .btn {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      cursor: pointer;
      background-color: #fff;
      border: solid 1px rgba(26, 71, 147, 0.2); }
      .environment .envipers .btn img {
        width: 100%;
        display: block; }
      .environment .envipers .btn img:first-child {
        display: block; }
      .environment .envipers .btn img:last-child {
        display: none; }
    .environment .envipers .btn:hover {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .environment .envipers .btn:hover img:first-child {
        display: none; }
      .environment .envipers .btn:hover img:last-child {
        display: block; }
    .environment .envipers .bl {
      left: -1.2rem; }
    .environment .envipers .br {
      right: -1.2rem; }

@media (max-width: 1680px) {
  .environment .envipers .bl {
    left: -0.3rem; }
  .environment .envipers .br {
    right: -0.3rem; } }
@media (max-width: 800px) {
  .environment .envipers .bl {
    left: -0.15rem; }
  .environment .envipers .br {
    right: -0.15rem; } }
.story {
  width: 100%;
  padding: 0.2rem 0 0.8rem; }
  .story .storm {
    width: 100%;
    padding-left: calc(160 / 1920 * 100%);
    display: flex;
    flex-wrap: wrap; }
    .story .storm .imgs {
      display: inline-block;
      vertical-align: middle;
      width: calc(510 / 1760 * 100%);
      position: relative;
      overflow: hidden; }
      .story .storm .imgs .img {
        width: 100%;
        padding-top: 75.09%;
        transition: all ease 0.5s; }
    .story .storm .roms {
      width: calc(1250 / 1760 * 100%);
      background-color: #f5f7fb;
      padding: 0.2rem calc(160 / 1920 * 100%) 0.2rem 0.8rem;
      display: flex;
      flex-wrap: wrap;
      align-content: center; }
      .story .storm .roms .mitop {
        margin-bottom: 0.35rem; }
      .story .storm .roms .sinm {
        width: 100%;
        color: #000;
        line-height: 1.6; }
        .story .storm .roms .sinm p {
          color: #000;
          line-height: 1.6; }
  .story .storm:nth-child(2n) {
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: calc(160 / 1920 * 100%); }
    .story .storm:nth-child(2n) .roms {
      padding: 0.2rem 0.8rem 0.2rem calc(160 / 1920 * 100%); }
  .story .storm + .storm {
    margin-top: 0.6rem; }

@media (max-width: 1680px) {
  .story .storm {
    padding-left: 5%; }
    .story .storm .roms {
      padding-right: 5%; }
  .story .storm:nth-child(2n) {
    padding-left: 0;
    padding-right: 5%; }
    .story .storm:nth-child(2n) .roms {
      padding-left: 5%; } }
@media (max-width: 800px) {
  .story .storm {
    padding: 0 3% !important; }
    .story .storm .imgs {
      width: 100%; }
    .story .storm .roms {
      width: 100%;
      padding: 20px; } }
.cultrue {
  width: 100%;
  padding: 0.8rem 0; }
  .cultrue .culist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .cultrue .culist .cultm {
      display: inline-block;
      vertical-align: top;
      width: calc(510 / 1600 * 100%);
      margin-right: calc(34 / 1600 * 100%);
      background-color: #fff; }
      .cultrue .culist .cultm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .cultrue .culist .cultm .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .cultrue .culist .cultm .pom {
        width: 100%;
        background-color: #fff;
        padding: 1rem 0.2rem 0.6rem;
        position: relative; }
        .cultrue .culist .cultm .pom .pc {
          width: 1rem;
          height: 1rem;
          border-radius: 50%;
          background-color: #fff;
          box-shadow: 0px 0px 30px 0px rgba(26, 71, 147, 0.08);
          position: absolute;
          left: 50%;
          top: 0;
          transform: translate(-50%, -50%); }
        .cultrue .culist .cultm .pom .xt {
          width: 100%;
          text-align: center;
          color: #222;
          line-height: 1.5;
          margin-bottom: 0.1rem; }
        .cultrue .culist .cultm .pom .xim {
          width: 100%;
          color: #222;
          line-height: 1.6;
          text-align: center; }
    .cultrue .culist .cultm:nth-child(3n) {
      margin-right: 0; }

.history {
  width: 100%;
  padding: 0.8rem 0; }
  .history .hispers {
    width: 100%;
    position: relative; }
    .history .hispers .swiper-wrapper {
      align-items: flex-end; }
    .history .hispers:after {
      content: ' ';
      position: absolute;
      z-index: 1;
      bottom: 0.08rem;
      left: 0;
      right: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      height: 1px; }
    .history .hispers .swiper-container {
      position: relative;
      z-index: 2; }
    .history .hispers .swiper-slide {
      width: 100%;
      font-size: 0;
      padding-right: 0.2rem; }
      .history .hispers .swiper-slide .lx {
        display: inline-block;
        vertical-align: top;
        width: 0.15rem; }
        .history .hispers .swiper-slide .lx .lxm {
          display: block;
          width: 100%; }
          .history .hispers .swiper-slide .lx .lxm img {
            width: 100%;
            display: block; }
          .history .hispers .swiper-slide .lx .lxm img:first-child {
            display: block; }
          .history .hispers .swiper-slide .lx .lxm img:last-child {
            display: none; }
        .history .hispers .swiper-slide .lx .point {
          width: 100%;
          display: block; }
          .history .hispers .swiper-slide .lx .point img {
            width: 100%;
            display: block; }
      .history .hispers .swiper-slide .rem {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 0.15rem - 0.2rem);
        margin-left: 0.2rem; }
        .history .hispers .swiper-slide .rem .rt {
          width: 100%;
          color: #111;
          font-weight: bold;
          line-height: 1.4;
          margin-bottom: 0.1rem; }
        .history .hispers .swiper-slide .rem .rinp {
          width: 100%;
          color: #000;
          line-height: 1.5;
          height: 6em; }
          .history .hispers .swiper-slide .rem .rinp p {
            color: #000;
            line-height: 1.5; }
    .history .hispers .swiper-slide:nth-child(2n) .lx .lxm img:first-child {
      display: none; }
    .history .hispers .swiper-slide:nth-child(2n) .lx .lxm img:last-child {
      display: block; }

.hovtm {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #fff; }
  .hovtm .honav {
    width: 100%;
    margin-bottom: 0.4rem; }
    .hovtm .honav .swiper-container {
      padding-bottom: 4px; }
    .hovtm .honav .swiper-wrapper.center {
      justify-content: center; }
    .hovtm .honav .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .hovtm .honav .swiper-slide a {
        display: inline-block;
        vertical-align: middle;
        color: #000;
        line-height: 3.2;
        width: auto;
        padding: 0 0.3rem;
        transition: all ease 0.5s;
        border: solid 1px rgba(26, 71, 147, 0.2); }
        .hovtm .honav .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; }
    .hovtm .honav .swiper-slide + .swiper-slide {
      margin-left: 0.1rem; }
    .hovtm .honav .swiper-slide.on a, .hovtm .honav .swiper-slide:hover a {
      background-color: var(--themes);
      color: #fff; }
    .hovtm .honav .swiper-scrollbar {
      background-color: rgba(0, 0, 0, 0.1);
      left: 0;
      right: 0;
      width: 100%;
      bottom: 0;
      display: none; }
    .hovtm .honav .swiper-scrollbar-drag {
      background-color: var(--themes); }
  .hovtm .honav.pbs .swiper-container {
    padding-bottom: 0.15rem; }
  .hovtm .honav.pbs .swiper-scrollbar {
    display: block; }
  .hovtm .honpers {
    width: 100%;
    position: relative; }
    .hovtm .honpers .btn {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      cursor: pointer;
      background-color: #fff;
      border: solid 1px rgba(26, 71, 147, 0.2); }
      .hovtm .honpers .btn img {
        width: 100%;
        display: block; }
      .hovtm .honpers .btn img:first-child {
        display: block; }
      .hovtm .honpers .btn img:last-child {
        display: none; }
    .hovtm .honpers .btn:hover {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .hovtm .honpers .btn:hover img:first-child {
        display: none; }
      .hovtm .honpers .btn:hover img:last-child {
        display: block; }
    .hovtm .honpers .bl {
      left: -1.2rem; }
    .hovtm .honpers .br {
      right: -1.2rem; }
    .hovtm .honpers .swiper-slide {
      width: 100%; }
      .hovtm .honpers .swiper-slide a {
        width: 100%;
        display: block; }
      .hovtm .honpers .swiper-slide .imgs {
        width: 100%;
        display: block;
        margin: 0 auto 0.2rem;
        background-color: #fff;
        box-shadow: 0px 20px 40px 0px rgba(0, 12, 33, 0.08);
        position: relative;
        overflow: hidden;
        max-width: 1.6rem; }
        .hovtm .honpers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 133.33%;
          transition: all ease 0.5s; }
      .hovtm .honpers .swiper-slide .xim {
        width: 100%;
        text-align: center;
        color: #222;
        line-height: 1.5; }
  .hovtm .hocent {
    width: 100%; }
    .hovtm .hocent .hitem {
      width: 100%;
      display: none; }
    .hovtm .hocent .hitem.on {
      display: block; }

.hovtm.pd4 {
  padding: 0.3rem 0 0.5rem; }

.hovtm:nth-child(2n) {
  background-color: #f5f7fb; }

@media (max-width: 1680px) {
  .hovtm .honpers .bl {
    left: -0.3rem; }
  .hovtm .honpers .br {
    right: -0.3rem; } }
@media (max-width: 800px) {
  .hovtm .honpers .bl {
    left: -0.15rem; }
  .hovtm .honpers .br {
    right: -0.15rem; } }
.global {
  width: 100%;
  padding: 0.5rem 0; }
  .global .globlist {
    width: 100%;
    padding: 0.4rem;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .global .globlist .glotm {
      display: inline-block;
      vertical-align: top;
      width: 33.33%;
      text-align: center;
      padding: 1.4rem 0.2rem; }
      .global .globlist .glotm .xit {
        width: 100%;
        color: #fff;
        line-height: 1.5; }
      .global .globlist .glotm .vum {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        margin: 0.25rem 0 0.2rem; }
        .global .globlist .glotm .vum span {
          margin-right: 0.1rem; }
      .global .globlist .glotm .xm {
        width: 100%;
        text-align: center;
        color: #fff;
        line-height: 1.5; }
  .global .minp {
    width: 100%;
    color: #000;
    line-height: 1.75;
    margin-top: 0.2rem; }
    .global .minp p {
      color: #000;
      line-height: 1.75; }

.pages {
  width: 100%;
  padding: 0.22rem 0 0.25rem;
  font-size: 0;
  text-align: center;
  margin-top: 0.2rem; }
  .pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #666;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    background-color: transparent;
    margin: 0 0.05rem 0.1rem; }
  .pages .page.ltn {
    background-image: url("../images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn {
    background-image: url("../images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on {
    background-color: var(--themes);
    color: #fff;
    border: solid 1px var(--themes); }
  .pages .page.ltn:hover {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff !important; }
  .pages .page.on.ltn {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff !important; }
  .pages .page.on.rtn {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff !important; }
  .pages .page.rtn:hover {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff !important; }
  .pages .page.auto {
    width: auto;
    padding: 0 0.24rem; }
  .pages .page:hover {
    background-color: var(--themes);
    color: #fff; }

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 16px;
    margin: 0 0.1rem 0.1rem; } }
.mcont {
  width: 100%;
  background-color: #f5f7fb; }

.netails {
  width: 100%;
  padding: 0.4rem 0 0.6rem;
  overflow: hidden; }
  .netails .netail {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .netails .netail .nel {
      display: inline-block;
      vertical-align: top;
      width: calc(1210 / 1600 * 100%); }
      .netails .netail .nel .abnav {
        width: 100%;
        margin-bottom: 0.4rem; }
        .netails .netail .nel .abnav .swiper-container {
          padding-bottom: 4px; }
        .netails .netail .nel .abnav .swiper-wrapper.center {
          justify-content: center; }
        .netails .netail .nel .abnav .swiper-slide {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          .netails .netail .nel .abnav .swiper-slide a {
            display: inline-block;
            vertical-align: middle;
            color: #000;
            line-height: 3.2;
            width: auto;
            padding: 0 0.3rem;
            transition: all ease 0.5s;
            border: solid 1px rgba(26, 71, 147, 0.2); }
            .netails .netail .nel .abnav .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; }
        .netails .netail .nel .abnav .swiper-slide + .swiper-slide {
          margin-left: 0.1rem; }
        .netails .netail .nel .abnav .swiper-slide.on a, .netails .netail .nel .abnav .swiper-slide:hover a {
          background-color: var(--themes);
          color: #fff; }
        .netails .netail .nel .abnav .swiper-scrollbar {
          background-color: rgba(0, 0, 0, 0.1);
          left: 0;
          right: 0;
          width: 100%;
          bottom: 0;
          display: none; }
        .netails .netail .nel .abnav .swiper-scrollbar-drag {
          background-color: var(--themes); }
      .netails .netail .nel .abnav.pbs .swiper-container {
        padding-bottom: 0.15rem; }
      .netails .netail .nel .abnav.pbs .swiper-scrollbar {
        display: block; }
      .netails .netail .nel .newlist {
        width: 100%; }
        .netails .netail .nel .newlist .newom {
          width: 100%;
          display: block; }
          .netails .netail .nel .newlist .newom a {
            width: 100%;
            display: block;
            background-color: #fff;
            padding: 0.3rem; }
          .netails .netail .nel .newlist .newom .imgs {
            display: inline-block;
            vertical-align: middle;
            width: calc(420 / 1150 * 100%);
            position: relative;
            overflow: hidden; }
            .netails .netail .nel .newlist .newom .imgs .img {
              width: 100%;
              padding-top: 60%;
              transition: all ease 0.5s; }
          .netails .netail .nel .newlist .newom .eom {
            display: inline-block;
            vertical-align: middle;
            width: calc(730 / 1150 * 100%);
            padding-left: 0.4rem; }
            .netails .netail .nel .newlist .newom .eom .time {
              width: 100%;
              color: #999;
              line-height: 1.5; }
            .netails .netail .nel .newlist .newom .eom .vt {
              width: 100%;
              color: #111;
              line-height: 1.3;
              margin: 0.14rem 0; }
            .netails .netail .nel .newlist .newom .eom .sim {
              width: 100%;
              color: #000;
              line-height: 1.5; }
            .netails .netail .nel .newlist .newom .eom .more {
              width: 100%;
              font-size: 0;
              margin-top: 0.2rem; }
              .netails .netail .nel .newlist .newom .eom .more .mtn {
                display: inline-block;
                vertical-align: middle;
                border: solid 1px var(--themes);
                line-height: 3;
                border-radius: 1.5em;
                padding: 0 0.3rem;
                color: var(--themes); }
                .netails .netail .nel .newlist .newom .eom .more .mtn span {
                  display: inline-block;
                  vertical-align: middle;
                  position: relative;
                  top: -0.02rem;
                  width: 10px;
                  margin-left: 0.22rem;
                  transition: all ease 0.5s; }
                  .netails .netail .nel .newlist .newom .eom .more .mtn span img {
                    width: 100%;
                    display: block; }
        .netails .netail .nel .newlist .newom:hover .imgs .img {
          transform: scale(1.1); }
        .netails .netail .nel .newlist .newom:hover .eom .vt {
          color: var(--themes); }
        .netails .netail .nel .newlist .newom:hover .eom .more .mtn {
          background-color: var(--themes);
          color: #fff; }
          .netails .netail .nel .newlist .newom:hover .eom .more .mtn span {
            transform: rotate(45deg); }
            .netails .netail .nel .newlist .newom:hover .eom .more .mtn span img {
              filter: grayscale(1000%) brightness(2000%); }
        .netails .netail .nel .newlist .newom + .newom {
          margin-top: 0.2rem; }
      .netails .netail .nel .petoms {
        width: 100%; }
        .netails .netail .nel .petoms .piem {
          width: 100%;
          display: none; }
        .netails .netail .nel .petoms .piem.on {
          display: block; }
      .netails .netail .nel .vobsm {
        width: 100%;
        background-color: #fff;
        margin-top: 0.1rem;
        padding: 0.4rem;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between; }
        .netails .netail .nel .vobsm .vol {
          display: inline-block;
          vertical-align: middle;
          padding-right: 0.4rem;
          flex: 1;
          width: auto; }
          .netails .netail .nel .vobsm .vol .atm {
            width: 100%; }
            .netails .netail .nel .vobsm .vol .atm a {
              width: 100%;
              display: block;
              color: #000;
              line-height: 1.5;
              padding: 0.07rem 0; }
            .netails .netail .nel .vobsm .vol .atm a:hover {
              color: var(--themes); }
        .netails .netail .nel .vobsm .vor {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          .netails .netail .nel .vobsm .vor a {
            display: inline-block;
            vertical-align: middle;
            background-color: var(--themes);
            color: #fff;
            padding: 0 0.4rem;
            line-height: 3;
            border-radius: 1.5em;
            transition: all ease 0.5s; }
            .netails .netail .nel .vobsm .vor a span {
              display: inline-block;
              vertical-align: middle;
              width: 21px;
              margin-right: 0.15rem;
              position: relative;
              top: -0.02rem; }
              .netails .netail .nel .vobsm .vor a span img {
                width: 100%;
                display: block; }
          .netails .netail .nel .vobsm .vor a:hover {
            transform: scale(1.05); }
      .netails .netail .nel .detail {
        width: 100%;
        padding: 0.4rem;
        background-color: #fff; }
        .netails .netail .nel .detail .dit {
          width: 100%;
          color: #222;
          line-height: 1.3; }
        .netails .netail .nel .detail .dim {
          width: 100%;
          padding: 0.25rem 0;
          font-size: 0; }
          .netails .netail .nel .detail .dim .nm {
            display: inline-block;
            vertical-align: middle;
            color: #000;
            line-height: 1.5;
            width: auto;
            margin-right: 0.45rem; }
            .netails .netail .nel .detail .dim .nm span {
              display: inline-block;
              vertical-align: middle;
              position: relative;
              top: -0.02rem;
              margin-right: 0.1rem;
              max-width: 0.24rem; }
              .netails .netail .nel .detail .dim .nm span img {
                width: 100%;
                display: inline-block; }
          .netails .netail .nel .detail .dim .share {
            display: inline-block;
            vertical-align: middle;
            width: auto; }
            .netails .netail .nel .detail .dim .share .am {
              display: inline-block;
              vertical-align: middle;
              color: #999;
              line-height: 1.5;
              position: relative;
              width: 0.22rem;
              height: 0.22rem;
              min-width: 18px;
              min-height: 18px;
              margin-right: 0.12rem; }
              .netails .netail .nel .detail .dim .share .am a {
                width: 100%;
                display: block; }
              .netails .netail .nel .detail .dim .share .am .comd {
                position: absolute;
                left: 50%;
                top: 100%;
                transform: translateX(-50%);
                width: 1.3rem;
                padding: 0.08rem;
                background-color: #fff;
                border-radius: 0.05rem;
                display: none; }
                .netails .netail .nel .detail .dim .share .am .comd img {
                  width: 100%;
                  display: block; }
            .netails .netail .nel .detail .dim .share .am:hover .comd {
              display: block; }
        .netails .netail .nel .detail .dinp {
          width: 100%;
          padding-top: 0.4rem;
          color: #000;
          line-height: 1.75;
          border-top: solid 1px #ddd; }
          .netails .netail .nel .detail .dinp span, .netails .netail .nel .detail .dinp p {
            color: #000;
            line-height: 1.75; }
          .netails .netail .nel .detail .dinp img {
            max-width: 100%; }
      .netails .netail .nel .screen {
        width: 100%;
        margin-bottom: 0.4rem; }
        .netails .netail .nel .screen .scrim {
          width: 100%;
          font-size: 0;
          display: flex; }
          .netails .netail .nel .screen .scrim .same {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            color: #222;
            font-weight: bold;
            line-height: 3;
            margin-right: 0.1rem; }
          .netails .netail .nel .screen .scrim .ropm {
            display: inline-block;
            vertical-align: top;
            width: auto;
            flex: 1;
            font-size: 0; }
            .netails .netail .nel .screen .scrim .ropm .sem {
              display: inline-block;
              vertical-align: top;
              width: auto;
              border: solid 1px rgba(26, 71, 147, 0.1);
              padding: 0 0.2rem;
              line-height: 3;
              margin-right: 0.1rem;
              margin-bottom: 0.1rem;
              background-color: #fff;
              color: #000; }
            .netails .netail .nel .screen .scrim .ropm .sem.on, .netails .netail .nel .screen .scrim .ropm .sem:hover {
              background-color: var(--themes);
              border: solid 1px var(--themes);
              color: #fff; }
        .netails .netail .nel .screen .scrim + .scrim {
          margin-top: 0.1rem; }
      .netails .netail .nel .ertomlis {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap; }
        .netails .netail .nel .ertomlis .etom {
          display: inline-block;
          vertical-align: top;
          width: calc(390 / 1210 * 100%);
          margin-right: calc(19 / 1210 * 100%);
          margin-bottom: 0.2rem; }
          .netails .netail .nel .ertomlis .etom a {
            width: 100%;
            display: block;
            padding: 0.2rem;
            background-color: #fff; }
          .netails .netail .nel .ertomlis .etom .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .netails .netail .nel .ertomlis .etom .imgs .img {
              width: 100%;
              padding-top: 62.85%;
              transition: all ease 0.5s; }
          .netails .netail .nel .ertomlis .etom .eom {
            width: 100%;
            margin-top: 0.15rem; }
            .netails .netail .nel .ertomlis .etom .eom .xit {
              width: 100%;
              text-align: center;
              color: #222;
              line-height: 1.5; }
        .netails .netail .nel .ertomlis .etom:nth-child(3n) {
          margin-right: 0; }
        .netails .netail .nel .ertomlis .etom:hover .imgs .img {
          transform: scale(1.1); }
        .netails .netail .nel .ertomlis .etom:hover .eom .xit {
          color: var(--themes); }
    .netails .netail .ner {
      display: inline-block;
      vertical-align: top;
      width: calc(320 / 1600 * 100%);
      position: sticky;
      top: 1.1rem; }
      .netails .netail .ner .necom {
        width: 100%; }
        .netails .netail .ner .necom .nop {
          width: 100%;
          padding: 0.2rem 0.3rem;
          font-size: 0;
          background-color: #fff; }
          .netails .netail .ner .necom .nop span {
            display: inline-block;
            vertical-align: middle;
            color: #222;
            font-weight: bold;
            line-height: 1.2; }
        .netails .netail .ner .necom .nconm {
          width: 100%;
          margin-top: 1px;
          background-color: #fff;
          padding: 0.26rem 0.3rem; }
          .netails .netail .ner .necom .nconm .nuls {
            width: 100%; }
            .netails .netail .ner .necom .nconm .nuls a {
              width: 100%;
              display: block;
              position: relative;
              padding: 0.05rem 0;
              color: #000;
              line-height: 1.5;
              padding-left: 0.12rem; }
              .netails .netail .ner .necom .nconm .nuls a:after {
                content: ' ';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 0.04rem;
                height: 0.04rem;
                background-color: var(--themes); }
            .netails .netail .ner .necom .nconm .nuls a:hover {
              color: var(--themes); }
        .netails .netail .ner .necom .nerlist {
          width: 100%;
          margin-top: 1px; }
          .netails .netail .ner .necom .nerlist .nivom {
            width: 100%;
            background-color: #fff; }
            .netails .netail .ner .necom .nerlist .nivom a {
              width: 100%;
              display: block;
              padding: 0.3rem; }
            .netails .netail .ner .necom .nerlist .nivom .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              .netails .netail .ner .necom .nerlist .nivom .imgs .img {
                width: 100%;
                padding-top: 60%;
                transition: all ease 0.5s; }
            .netails .netail .ner .necom .nerlist .nivom .eom {
              width: 100%;
              margin-top: 0.2rem; }
            .netails .netail .ner .necom .nerlist .nivom .xit {
              width: 100%;
              color: #111;
              line-height: 1.5; }
            .netails .netail .ner .necom .nerlist .nivom .sip {
              width: 100%;
              color: #666;
              line-height: 1.5;
              margin-top: 0.12rem; }
              .netails .netail .ner .necom .nerlist .nivom .sip p {
                color: #666;
                line-height: 1.5; }
          .netails .netail .ner .necom .nerlist .nivom + .nivom {
            margin-top: 1px; }
          .netails .netail .ner .necom .nerlist .nivom:hover .imgs .img {
            transform: scale(1.1); }
          .netails .netail .ner .necom .nerlist .nivom:hover .xit {
            color: var(--themes); }
        .netails .netail .ner .necom .ledmlist {
          width: 100%;
          font-size: 0;
          margin-top: 1px; }
          .netails .netail .ner .necom .ledmlist .livom {
            width: 100%;
            background-color: #fff; }
            .netails .netail .ner .necom .ledmlist .livom a {
              width: 100%;
              display: block;
              padding: 0.2rem; }
            .netails .netail .ner .necom .ledmlist .livom .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              .netails .netail .ner .necom .ledmlist .livom .imgs .img {
                width: 100%;
                padding-top: 62.85%;
                transition: all ease 0.5s; }
            .netails .netail .ner .necom .ledmlist .livom .eom {
              width: 100%;
              margin-top: 0.2rem; }
            .netails .netail .ner .necom .ledmlist .livom .xit {
              width: 100%;
              text-align: center;
              color: #222;
              line-height: 1.5; }
          .netails .netail .ner .necom .ledmlist .livom + .livom {
            margin-top: 1px; }
          .netails .netail .ner .necom .ledmlist .livom:hover .imgs .img {
            transform: scale(1.1); }
          .netails .netail .ner .necom .ledmlist .livom:hover .xit {
            color: var(--themes); }
        .netails .netail .ner .necom .prolis {
          width: 100%;
          margin-top: 1px; }
          .netails .netail .ner .necom .prolis .preom {
            width: 100%;
            background-color: #fff; }
            .netails .netail .ner .necom .prolis .preom a {
              width: 100%;
              display: block;
              padding: 0.26rem; }
            .netails .netail .ner .necom .prolis .preom .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              .netails .netail .ner .necom .prolis .preom .imgs .img {
                width: 100%;
                padding-top: 100%;
                transition: all ease 0.5s; }
            .netails .netail .ner .necom .prolis .preom .xi {
              width: 100%;
              color: var(--themes);
              line-height: 1.5; }
            .netails .netail .ner .necom .prolis .preom .vt {
              width: 100%;
              color: #222;
              font-weight: bold;
              line-height: 1.5;
              margin: 0.1rem 0 0.2rem; }
          .netails .netail .ner .necom .prolis .preom + .preom {
            margin-top: 1px; }
          .netails .netail .ner .necom .prolis .preom:hover .imgs .img {
            transform: scale(1.1); }
          .netails .netail .ner .necom .prolis .preom:hover .vt {
            color: var(--themes); }
      .netails .netail .ner .necom + .necom {
        margin-top: 0.2rem; }

.contacts {
  width: 100%;
  padding: 0.3rem 0 0.8rem; }
  .contacts .copement {
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    padding: 0.4rem 0.4rem 0.05rem; }
    .contacts .copement .civom {
      width: 32%;
      margin-right: 2%;
      display: inline-block;
      vertical-align: top;
      margin-bottom: 0.4rem; }
      .contacts .copement .civom .oc {
        display: inline-block;
        vertical-align: middle;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        background-color: #f5f7fb;
        margin-right: 0.2rem; }
        .contacts .copement .civom .oc img {
          width: 100%;
          display: block; }
      .contacts .copement .civom .oem {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 0.6rem - 0.2rem); }
        .contacts .copement .civom .oem .xm {
          width: 100%;
          color: #000;
          line-height: 1.4; }
        .contacts .copement .civom .oem .vm {
          width: 100%;
          color: #222;
          line-height: 1.2;
          margin-top: 0.1rem; }
    .contacts .copement .civom:nth-child(3n) {
      margin-right: 0; }
  .contacts .placper {
    width: 100%;
    margin: 0.2rem 0; }
    .contacts .placper .swiper-slide {
      width: 100%; }
      .contacts .placper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .contacts .placper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 60.19%; }
      .contacts .placper .swiper-slide .vms {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        width: 80%; }
        .contacts .placper .swiper-slide .vms .ms {
          display: inline-block;
          vertical-align: middle;
          line-height: 3;
          background-color: var(--themes);
          color: #fff;
          padding: 0 0.3rem;
          width: 100%;
          text-align: center; }
  .contacts .address {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .contacts .address .adrm {
      display: inline-block;
      vertical-align: top;
      width: calc(790 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      margin-bottom: 0.2rem;
      background-color: #fff; }
      .contacts .address .adrm .dem {
        width: 100%;
        display: flex; }
        .contacts .address .adrm .dem .name {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 1.2rem;
          color: var(--themes);
          line-height: 1.2; }
        .contacts .address .adrm .dem .coms {
          display: flex;
          align-content: center;
          flex-wrap: wrap;
          justify-content: center;
          width: calc(100% - 1.2rem);
          border-left: dashed 1px rgba(26, 71, 147, 0.1);
          padding: 0.3rem 0.3rem; }
          .contacts .address .adrm .dem .coms .vm {
            width: 100%;
            color: #000;
            line-height: 1.5; }
          .contacts .address .adrm .dem .coms .gm {
            width: 100%;
            color: #222;
            line-height: 1.5;
            margin-top: 0.06rem; }
    .contacts .address .adrm:nth-child(2n) {
      margin-right: 0; }

.problem {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f7fb; }
  .problem .blemlist {
    width: 100%; }
    .problem .blemlist .pbiem {
      width: 100%;
      background-color: #ffffff;
      box-shadow: 0px 0px 30px 0px rgba(26, 71, 147, 0.08); }
      .problem .blemlist .pbiem .pop {
        width: 100%;
        padding: 0.25rem 0.3rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer; }
        .problem .blemlist .pbiem .pop .pol {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          padding-right: 0.3rem;
          flex: 1; }
          .problem .blemlist .pbiem .pop .pol .ic {
            display: inline-block;
            vertical-align: middle;
            width: 0.3rem;
            margin-right: 0.2rem; }
            .problem .blemlist .pbiem .pop .pol .ic img {
              width: 100%;
              display: block; }
            .problem .blemlist .pbiem .pop .pol .ic img:first-child {
              display: block; }
            .problem .blemlist .pbiem .pop .pol .ic img:last-child {
              display: none; }
          .problem .blemlist .pbiem .pop .pol .pm {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 0.5rem);
            color: #222;
            line-height: 1.5; }
        .problem .blemlist .pbiem .pop .por {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          .problem .blemlist .pbiem .pop .por span {
            display: inline-block;
            vertical-align: middle;
            color: var(--themes);
            line-height: 1.5; }
          .problem .blemlist .pbiem .pop .por span:first-child {
            display: inline-block; }
          .problem .blemlist .pbiem .pop .por span:last-child {
            display: none; }
      .problem .blemlist .pbiem .conts {
        width: 100%;
        padding: 0.3rem 0.3rem;
        display: none; }
        .problem .blemlist .pbiem .conts .clom {
          width: 100%;
          font-size: 0; }
          .problem .blemlist .pbiem .conts .clom .tc {
            display: inline-block;
            vertical-align: middle;
            width: 0.3rem;
            margin-right: 0.2rem; }
            .problem .blemlist .pbiem .conts .clom .tc img {
              width: 100%;
              display: block; }
          .problem .blemlist .pbiem .conts .clom .mk {
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 0.5rem);
            color: #666;
            line-height: 1.5;
            margin-top: calc(0.15rem - 0.75em); }
    .problem .blemlist .pbiem + .pbiem {
      margin-top: 0.2rem; }
    .problem .blemlist .pbiem.show .pop {
      background-color: var(--themes); }
      .problem .blemlist .pbiem.show .pop .pol .ic img:first-child {
        display: none; }
      .problem .blemlist .pbiem.show .pop .pol .ic img:last-child {
        display: block; }
      .problem .blemlist .pbiem.show .pop .pol .pm {
        color: #fff; }
      .problem .blemlist .pbiem.show .pop .por span {
        color: #fff; }
      .problem .blemlist .pbiem.show .pop .por span:first-child {
        display: none; }
      .problem .blemlist .pbiem.show .pop .por span:last-child {
        display: inline-block; }

.videtom {
  width: 100%;
  padding: 0.8rem 0; }
  .videtom .vidnav {
    width: 100%;
    margin-bottom: 0.3rem; }
    .videtom .vidnav .swiper-container {
      padding-bottom: 4px; }
    .videtom .vidnav .swiper-wrapper.center {
      justify-content: center; }
    .videtom .vidnav .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .videtom .vidnav .swiper-slide a {
        display: inline-block;
        vertical-align: middle;
        color: #666;
        line-height: 3.2;
        width: auto;
        padding: 0 0.3rem;
        transition: all ease 0.5s;
        border: solid 1px rgba(26, 71, 147, 0.2); }
        .videtom .vidnav .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; }
    .videtom .vidnav .swiper-slide + .swiper-slide {
      margin-left: 0.1rem; }
    .videtom .vidnav .swiper-slide.on a, .videtom .vidnav .swiper-slide:hover a {
      background-color: var(--themes);
      color: #fff; }
    .videtom .vidnav .swiper-scrollbar {
      background-color: rgba(0, 0, 0, 0.1);
      left: 0;
      right: 0;
      width: 100%;
      bottom: 0;
      display: none; }
    .videtom .vidnav .swiper-scrollbar-drag {
      background-color: var(--themes); }
  .videtom .vidnav.pbs .swiper-container {
    padding-bottom: 0.15rem; }
  .videtom .vidnav.pbs .swiper-scrollbar {
    display: block; }
  .videtom .vontems {
    width: 100%; }
    .videtom .vontems .vcon {
      width: 100%;
      display: none; }
    .videtom .vontems .vcon.on {
      display: block; }
  .videtom .vidpers {
    width: 100%;
    position: relative; }
    .videtom .vidpers .btn {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      cursor: pointer;
      background-color: #fff;
      border: solid 1px rgba(26, 71, 147, 0.2); }
      .videtom .vidpers .btn img {
        width: 100%;
        display: block; }
      .videtom .vidpers .btn img:first-child {
        display: block; }
      .videtom .vidpers .btn img:last-child {
        display: none; }
    .videtom .vidpers .btn:hover {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .videtom .vidpers .btn:hover img:first-child {
        display: none; }
      .videtom .vidpers .btn:hover img:last-child {
        display: block; }
    .videtom .vidpers .bl {
      left: -1.2rem; }
    .videtom .vidpers .br {
      right: -1.2rem; }
    .videtom .vidpers .swiper-slide {
      width: 100%;
      cursor: pointer; }
      .videtom .vidpers .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .videtom .vidpers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
        .videtom .vidpers .swiper-slide .imgs .play {
          position: absolute;
          z-index: 4;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 0.7rem;
          height: 0.7rem;
          background-color: #fff;
          border-radius: 50%;
          cursor: pointer; }
          .videtom .vidpers .swiper-slide .imgs .play img {
            width: 100%;
            display: block; }
      .videtom .vidpers .swiper-slide .vim {
        width: 100%;
        text-align: center;
        color: #222;
        line-height: 1.5;
        margin-top: 0.2rem; }
    .videtom .vidpers .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .videtom .vidpers .swiper-slide:hover .imgs .play {
      transform: translate(-50%, -50%) scale(1.05); }
    .videtom .vidpers .swiper-slide:hover .vim {
      color: var(--themes); }

@media (max-width: 1680px) {
  .videtom .vidpers .bl {
    left: -0.3rem; }
  .videtom .vidpers .br {
    right: -0.3rem; } }
@media (max-width: 800px) {
  .videtom .vidpers .bl {
    left: -0.15rem; }
  .videtom .vidpers .br {
    right: -0.15rem; } }
.downers {
  width: 100%;
  padding: 0.8rem 0; }
  .downers .domnav {
    width: 100%;
    margin-bottom: 0.3rem; }
    .downers .domnav .swiper-container {
      padding-bottom: 4px; }
    .downers .domnav .swiper-wrapper.center {
      justify-content: center; }
    .downers .domnav .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .downers .domnav .swiper-slide a {
        display: inline-block;
        vertical-align: middle;
        color: #666;
        line-height: 3.2;
        width: auto;
        padding: 0 0.3rem;
        transition: all ease 0.5s;
        border: solid 1px rgba(26, 71, 147, 0.2); }
        .downers .domnav .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; }
    .downers .domnav .swiper-slide + .swiper-slide {
      margin-left: 0.1rem; }
    .downers .domnav .swiper-slide.on a, .downers .domnav .swiper-slide:hover a {
      background-color: var(--themes);
      color: #fff; }
    .downers .domnav .swiper-scrollbar {
      background-color: rgba(0, 0, 0, 0.1);
      left: 0;
      right: 0;
      width: 100%;
      bottom: 0;
      display: none; }
    .downers .domnav .swiper-scrollbar-drag {
      background-color: var(--themes); }
  .downers .domnav.pbs .swiper-container {
    padding-bottom: 0.15rem; }
  .downers .domnav.pbs .swiper-scrollbar {
    display: block; }
  .downers .dontems {
    width: 100%; }
    .downers .dontems .dcon {
      width: 100%;
      display: none; }
    .downers .dontems .dcon.on {
      display: block; }
  .downers .downpers {
    width: 100%;
    position: relative; }
    .downers .downpers .btn {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      cursor: pointer;
      background-color: #fff;
      border: solid 1px rgba(26, 71, 147, 0.2); }
      .downers .downpers .btn img {
        width: 100%;
        display: block; }
      .downers .downpers .btn img:first-child {
        display: block; }
      .downers .downpers .btn img:last-child {
        display: none; }
    .downers .downpers .btn:hover {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .downers .downpers .btn:hover img:first-child {
        display: none; }
      .downers .downpers .btn:hover img:last-child {
        display: block; }
    .downers .downpers .bl {
      left: -1.2rem; }
    .downers .downpers .br {
      right: -1.2rem; }
    .downers .downpers .dicom {
      display: inline-block;
      vertical-align: top;
      width: calc(510 / 1600 * 100%);
      margin-right: calc(34 / 1600 * 100%);
      margin-bottom: 0.1rem;
      margin-top: 0.1rem;
      background-color: #fff; }
      .downers .downpers .dicom a {
        width: 100%;
        display: block;
        padding: 0.2rem 0.3rem;
        font-size: 0; }
      .downers .downpers .dicom .dd {
        display: inline-block;
        vertical-align: middle;
        width: 0.05rem;
        height: 0.05rem;
        background-color: var(--themes);
        margin-right: 0.1rem; }
      .downers .downpers .dicom .dm {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 0.05rem - 0.24rem - 24px);
        color: #222;
        line-height: 1.5; }
      .downers .downpers .dicom .dc {
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        margin-left: 0.14rem; }
        .downers .downpers .dicom .dc img {
          width: 100%;
          display: block; }
    .downers .downpers .dicom:hover {
      background-color: var(--themes); }
      .downers .downpers .dicom:hover .dd {
        background-color: #fff; }
      .downers .downpers .dicom:hover .dm {
        color: #fff; }
      .downers .downpers .dicom:hover .dc img {
        filter: grayscale(1000%) brightness(2000%); }
    .downers .downpers .dicom:nth-child(3n) {
      margin-right: 0; }

@media (max-width: 1680px) {
  .downers .downpers .bl {
    left: -0.3rem; }
  .downers .downpers .br {
    right: -0.3rem; } }
@media (max-width: 800px) {
  .downers .downpers .bl {
    left: -0.15rem; }
  .downers .downpers .br {
    right: -0.15rem; } }
.train {
  width: 100%;
  padding: 0.8rem 0; }
  .train .traom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .train .traom .trr {
      display: inline-block;
      vertical-align: middle;
      width: calc(780 / 1600 * 100%); }
      .train .traom .trr .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .train .traom .trr .imgs .img {
          width: 100%;
          padding-top: 60%; }
    .train .traom .trl {
      display: inline-block;
      vertical-align: middle;
      width: calc(620 / 1600 * 100%); }
      .train .traom .trl .ramlis {
        width: 100%; }
        .train .traom .trl .ramlis .rail {
          width: 100%;
          font-size: 0; }
          .train .traom .trl .ramlis .rail .rc {
            display: inline-block;
            vertical-align: middle;
            width: 0.9rem;
            height: 0.9rem;
            border-radius: 50%;
            margin-right: 0.2rem;
            position: relative;
            background-color: rgba(26, 71, 147, 0.05); }
            .train .traom .trl .ramlis .rail .rc span {
              display: inline-block;
              vertical-align: middle;
              position: absolute;
              left: 50%;
              top: 50%;
              width: 0.6rem;
              height: 0.6rem;
              border-radius: 50%;
              background-color: var(--themes);
              transform: translate(-50%, -50%); }
              .train .traom .trl .ramlis .rail .rc span img {
                width: 100%;
                display: block; }
          .train .traom .trl .ramlis .rail .xic {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 0.9rem - 0.2rem);
            color: #222;
            line-height: 1.5; }
        .train .traom .trl .ramlis .rail + .rail {
          margin-top: 0.2rem; }
      .train .traom .trl .vob {
        width: 100%;
        margin-top: 0.5rem;
        font-size: 0; }
        .train .traom .trl .vob a {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          background-color: var(--themes);
          margin-right: 0.2rem;
          line-height: 3;
          border-radius: 1.5em;
          padding: 0 0.3rem;
          color: #fff; }
          .train .traom .trl .vob a span {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -0.02rem;
            width: 10px;
            margin-left: 0.2rem;
            transition: all ease 0.5s; }
            .train .traom .trl .vob a span img {
              width: 100%;
              display: block; }
        .train .traom .trl .vob a:hover {
          background-color: #eb6123; }
          .train .traom .trl .vob a:hover span {
            transform: rotate(45deg); }

.promise {
  width: 100%;
  padding: 0.8rem 0; }
  .promise .promper {
    width: 100%; }
    .promise .promper .swiper-slide {
      width: 100%; }
      .promise .promper .swiper-slide .som {
        width: 100%;
        padding: 0.4rem 0; }
      .promise .promper .swiper-slide .sc {
        display: block;
        margin: 0 auto 0.4rem;
        width: 1.2rem;
        height: 1.2rem;
        background-color: #fff;
        border-radius: 0.3rem; }
        .promise .promper .swiper-slide .sc img {
          width: 100%;
          display: block; }
      .promise .promper .swiper-slide .sim {
        width: 100%;
        text-align: center;
        color: #222;
        line-height: 1.5; }
  .promise .vob {
    width: 100%;
    margin-top: 0.2rem;
    font-size: 0;
    text-align: center; }
    .promise .vob a {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      background-color: var(--themes);
      line-height: 3;
      border-radius: 1.5em;
      padding: 0 0.3rem;
      color: #fff; }
      .promise .vob a span {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -0.02rem;
        width: 10px;
        margin-left: 0.2rem;
        transition: all ease 0.5s; }
        .promise .vob a span img {
          width: 100%;
          display: block; }
    .promise .vob a:hover {
      background-color: #eb6123; }
      .promise .vob a:hover span {
        transform: rotate(45deg); }
    .promise .vob a + a {
      margin-left: 0.2rem; }

.support {
  width: 100%;
  padding: 0.4rem 0 0.8rem; }
  .support .suppers {
    width: 100%; }
    .support .suppers .swiper-slide {
      width: 100%;
      text-align: center; }
      .support .suppers .swiper-slide a {
        width: 100%;
        display: block; }
      .support .suppers .swiper-slide .som {
        width: 1.8rem;
        max-width: 100%;
        display: block;
        margin: 0 auto 0.24rem;
        position: relative; }
        .support .suppers .swiper-slide .som .he {
          width: 100%;
          display: block; }
          .support .suppers .swiper-slide .som .he img {
            width: 100%;
            display: block; }
        .support .suppers .swiper-slide .som .sc {
          position: absolute;
          width: 1.2rem;
          height: 1.2rem;
          border-radius: 50%;
          background-color: #fff;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          border-radius: 50%;
          box-shadow: 0px 0px 30px 0px rgba(26, 71, 147, 0.08); }
          .support .suppers .swiper-slide .som .sc img {
            width: 100%;
            display: block; }
      .support .suppers .swiper-slide .sid {
        width: 100%;
        color: #222;
        line-height: 1.5; }
      .support .suppers .swiper-slide .sim {
        width: 100%;
        color: #000;
        line-height: 1.3;
        height: 2.6em;
        margin-top: 0.04rem; }
      .support .suppers .swiper-slide .vot {
        width: 100%;
        font-size: 0;
        margin-top: 0.08rem; }
        .support .suppers .swiper-slide .vot span {
          display: inline-block;
          vertical-align: middle;
          background-color: var(--themes);
          color: #fff;
          line-height: 2.5;
          border-radius: 1.25em;
          padding: 0 0.2rem; }
    .support .suppers .swiper-slide:hover .sid {
      color: #eb6123; }
    .support .suppers .swiper-slide:hover .vot span {
      background-color: #eb6123; }

      .searchm {
        width: 100%;
        padding: 0.3rem 0 0.8rem; }
        .searchm .result {
          width: 100%; }
          .searchm .result .sit {
            width: 100%;
            text-align: center;
            color: #333;
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 0.4rem; }
            .searchm .result .sit span {
              color: var(--themes); }
          .searchm .result .resom {
            width: 100%;
            font-size: 0;
            text-align: center;
            margin-bottom: 0.4rem; }
            .searchm .result .resom .riem {
              display: inline-block;
              vertical-align: middle;
              width: auto;
              padding: 0 0.25rem;
              line-height: 2.5;
              border-radius: 1.25em;
              background-color: #fff;
              cursor: pointer;
              margin: 0 0.15rem;
              box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }
            .searchm .result .resom .riem:hover, .searchm .result .resom .riem.on {
              background-color: var(--themes);
              color: #fff; }
        .searchm .searpon {
          width: 100%;
          font-size: 0;
          display: block;
          max-width: 14rem;
          margin: 0 auto; }
          .searchm .searpon .sepom {
            width: 100%;
            display: none; }
          .searchm .searpon .sepom.on {
            display: block; }
          .searchm .searpon .searlist {
            width: 100%; }
            .searchm .searpon .searlist .seam {
              width: 100%;
              background-color: #fff;
              border-radius: 0.2rem;
              transition: all ease 0.5s;
              box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }
              .searchm .searpon .searlist .seam a {
                width: 100%;
                display: flex;
                align-items: center;
                padding: 0.3rem;
                justify-content: space-between; }
              .searchm .searpon .searlist .seam .lam {
                display: inline-block;
                vertical-align: middle;
                flex: 1;
                padding-right: 0.15rem; }
                .searchm .searpon .searlist .seam .lam .lit {
                  width: 100%;
                  color: #333;
                  font-weight: bold;
                  line-height: 1.5; }
                .searchm .searpon .searlist .seam .lam .linp {
                  width: 100%;
                  margin-top: 0.05rem;
                  color: #999;
                  line-height: 1.5; }
                  .searchm .searpon .searlist .seam .lam .linp p {
                    color: #999;
                    line-height: 1.5; }
              .searchm .searpon .searlist .seam .ram {
                display: inline-block;
                vertical-align: middle;
                width: auto; }
                .searchm .searpon .searlist .seam .ram .tip {
                  display: inline-block;
                  vertical-align: middle;
                  padding: 0 0.4rem;
                  line-height: 2.5;
                  border-radius: 1.25em;
                  background-color: var(--themes);
                  color: #fff; }
            .searchm .searpon .searlist .seam:hover {
              box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }
              .searchm .searpon .searlist .seam:hover .lam .lit {
                color: var(--themes); }
            .searchm .searpon .searlist .seam + .seam {
              margin-top: 0.2rem; }