.w1440 {
  width: 14.4rem;
  margin: 0 auto;
  font-size: 0;
  max-width: 100%; }

@media (max-width: 1500px) {
  .w1440 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1440 {
    width: 94%; } }
:root {
  --themes: #179a5b;
  --ghemes: #0a4fae; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s;
  background-color: #fff; }
  header .hot {
    width: 100%;
    transition: all ease 0.5s;
    overflow: hidden;
    height: 40px;
    background-color: #f8f8f8;
    display: flex;
    align-items: center; }
    header .hot .hom {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      align-items: center; }
      header .hot .hom .hkl, header .hot .hom .hkr {
        width: auto;
        display: inline-block;
        vertical-align: middle; }
      header .hot .hom .hm {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #333;
        line-height: 1.5; }
      header .hot .hom .tel {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-left: 0.25rem; }
        header .hot .hom .tel .tc {
          display: inline-block;
          vertical-align: middle;
          width: 18px;
          margin-right: 0.1rem; }
          header .hot .hom .tel .tc img {
            width: 100%;
            display: block; }
        header .hot .hom .tel .tm {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #333;
          line-height: 1.5; }
  header .hop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: all ease 0.5s;
    min-height: 0.9rem;
    align-items: center; }
  header .rav {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.2rem;
    font-size: 0;
    display: flex;
    align-items: center; }
    header .rav .langs {
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      font-size: 0;
      width: auto; }
      header .rav .langs a {
        display: inline-block;
        vertical-align: middle;
        color: #333;
        line-height: 1.5; }
        header .rav .langs a span {
          display: inline-block;
          vertical-align: middle;
          color: #333;
          line-height: 1.5;
          position: relative;
          top: -0.02rem;
          margin: 0 0.1rem; }
      header .rav .langs a:hover {
        color: var(--themes); }
        header .rav .langs a:hover span {
          color: #333; }
      header .rav .langs a:last-child span {
        display: none; }
    header .rav .search {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      text-align: center;
      cursor: pointer;
      position: relative;
      width: 0.44rem;
      height: 0.44rem;
      margin-left: 0.3rem; }
      header .rav .search .sc {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        border-radius: 50%;
        background-color: var(--themes); }
        header .rav .search .sc img {
          width: 100%;
          display: block; }
    header .rav .sechom {
      position: absolute;
      z-index: 3;
      right: 0;
      width: 4rem;
      background-color: #fff;
      box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
      padding: 0.1rem;
      top: 100%;
      display: none; }
      header .rav .sechom form {
        width: 100%;
        display: block;
        font-size: 0; }
      header .rav .sechom .input {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 2.4em - 0.2rem);
        margin-right: 0.2rem; }
        header .rav .sechom .input .int {
          width: 100%;
          display: block;
          background-color: #fff;
          line-height: 2.4;
          height: 2.4em;
          color: #111;
          padding: 0 0.1rem;
          border: none;
          background-color: #fff; }
      header .rav .sechom .stn {
        display: inline-block;
        vertical-align: middle;
        width: 2.2em;
        height: 2.2em;
        border-radius: 50%;
        background-color: var(--themes);
        position: relative; }
        header .rav .sechom .stn img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 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 img:first-child {
        display: block; }
      header .rav .menu img:last-child {
        display: none; }
      header .rav .menu .clk {
        width: 100%;
        height: 100%;
        text-align: center;
        color: #333;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: none; }
  header .logo {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
    white-space: nowrap; }
    header .logo .log {
      width: 1.56rem;
      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;
    position: relative;
    z-index: 11; }
    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.05rem; }
        header nav .natem .nas a {
          display: inline-block;
          line-height: 0.9rem;
          color: #333;
          position: relative;
          padding: 0 0.1rem;
          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;
          display: none; }
      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 .longul {
        width: 100%;
        position: fixed;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        display: none; }
        header nav .natem .longul .lons {
          width: 100%;
          display: block;
          padding: 0.4rem 0; }
        header nav .natem .longul .lonpers {
          width: 100%; }
          header nav .natem .longul .lonpers .swiper-slide {
            width: 100%; }
            header nav .natem .longul .lonpers .swiper-slide .atom {
              width: 100%; }
              header nav .natem .longul .lonpers .swiper-slide .atom a {
                width: 100%;
                display: block;
                padding: 0.2rem; }
              header nav .natem .longul .lonpers .swiper-slide .atom .ac {
                width: 0.44rem;
                height: 0.44rem;
                display: block;
                margin: 0 auto 0.15rem; }
                header nav .natem .longul .lonpers .swiper-slide .atom .ac img {
                  width: 100%;
                  display: block; }
                header nav .natem .longul .lonpers .swiper-slide .atom .ac img:first-child {
                  display: block; }
                header nav .natem .longul .lonpers .swiper-slide .atom .ac img:last-child {
                  display: none; }
              header nav .natem .longul .lonpers .swiper-slide .atom .amt {
                width: 100%;
                text-align: center;
                color: #333;
                line-height: 1.5; }
            header nav .natem .longul .lonpers .swiper-slide .atom:hover .ac img:first-child {
              display: none; }
            header nav .natem .longul .lonpers .swiper-slide .atom:hover .ac img:last-child {
              display: block; }
            header nav .natem .longul .lonpers .swiper-slide .atom:hover .amt {
              color: var(--ghemes); }
            header nav .natem .longul .lonpers .swiper-slide .leomlis {
              width: 100%;
              border-top: solid 1px #eaeaea;
              margin-top: 0.2rem;
              text-align: left;
              padding-top: 0.24rem; }
              header nav .natem .longul .lonpers .swiper-slide .leomlis a {
                width: 100%;
                display: block;
                padding: 0.08rem 0;
                color: #555;
                line-height: 1.5; }
              header nav .natem .longul .lonpers .swiper-slide .leomlis a:hover {
                color: var(--ghemes); }
      header nav .natem .longul.upt {
        top: calc( 0.9rem); }
    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%; }

.black {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  display: none; }

header.white {
  background-color: #fff; }
  header.white .hot {
    height: 0;
    padding: 0;
    border-bottom: none; }
  header.white .hop .lm {
    color: #333; }
    header.white .hop .lm p {
      color: #333; }
  header.white .logo .log img:first-child {
    display: none; }
  header.white .logo .log img:last-child {
    display: block; }
  header.white .rav .search .sc img:first-child {
    display: none; }
  header.white .rav .search .sc img:last-child {
    display: block; }
  header.white .rav .languages .lauges .lashow .ac img:first-child {
    display: none; }
  header.white .rav .languages .lauges .lashow .ac img:last-child {
    display: block; }
  header.white nav .natem .nas a {
    color: #222; }
  header.white nav .natem .nas:after {
    background-color: var(--themes); }
  header.white nav .natem.on .nas a {
    color: var(--themes); }
  header.white nav .natem:hover .nas a {
    color: var(--themes); }
  header.white .hot .hom .hkr .tc img:first-child {
    display: none; }
  header.white .hot .hom .hkr .tc img:last-child {
    display: block; }
  header.white .hot .hom .hkr .tm {
    color: #222; }

@media (max-width: 800px) {
  header {
    background-color: #fff; }
    header .hop {
      align-items: center;
      padding: 0.1rem 0;
      height: calc(44px + 0.2rem); }
      header .hop .lm {
        color: #333; }
        header .hop .lm p {
          color: #333; }
    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 .log img:first-child {
      display: none; }
    header .logo .log img:last-child {
      display: block; }
    header .rav .languages {
      margin: 0 0.2rem; }
      header .rav .languages .lauges .lashow .ac {
        margin-right: 0; }
        header .rav .languages .lauges .lashow .ac img:first-child {
          display: none; }
        header .rav .languages .lauges .lashow .ac img:last-child {
          display: block; }
    header .rav .menu {
      width: 30px;
      height: 30px;
      display: inline-block; }
      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; }
      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;
      display: inline-block; }
      header .rav .search .sc {
        width: 20px;
        height: 20px; }
        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(44px + 0.2rem);
      padding: 0.15rem; }
    header .hot {
      border-bottom: solid 1px rgba(0, 0, 0, 0.08); }
      header .hot .hom .hkr .tc img:first-child {
        display: none; }
      header .hot .hom .hkr .tc img:last-child {
        display: block; }
      header .hot .hom .hkr .tm {
        color: #222; }

  header.menu-state .rav .menu img {
    opacity: 0; }
  header.menu-state nav {
    opacity: 1;
    right: 0; }
  header.menu-state .blace {
    opacity: 1; } }
.banner {
  width: 100%;
  position: relative; }
  .banner .swiper-slide {
    width: 100%;
    position: relative; }
    .banner .swiper-slide .imgs {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .banner .swiper-slide .imgs .img {
        width: 100%;
        padding-top: 41.66%; }
    .banner .swiper-slide .box {
      position: absolute;
      top: 50%;
      left: calc(200 / 1920 * 100%);
      transform: translateY(-50%);
      z-index: 3;
      width: 80%;
      max-width: 7rem;
      text-align: left; }
      .banner .swiper-slide .box .bit {
        width: 100%;
        color: #fff;
        line-height: 1.2;
        font-weight: bold;
        margin-bottom: 0.15rem;
        font-family: 'MiSans-Demibold';
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .bit p {
          color: #fff;
          line-height: 1.2; }
      .banner .swiper-slide .box .binp {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        margin: 0.215rem 0 0.25rem;
        font-family: 'MiSans-Medium';
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .binp p {
          color: #fff;
          line-height: 1.5; }
      .banner .swiper-slide .box .more {
        width: 100%;
        font-size: 0;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;
        margin-top: 0.35rem; }
        .banner .swiper-slide .box .more a {
          display: inline-block;
          vertical-align: middle;
          background-color: var(--themes);
          color: #fff;
          line-height: 3;
          border-radius: 1.5em;
          padding: 0 0.1rem 0 0.24rem;
          transition: all ease 0.5s; }
          .banner .swiper-slide .box .more a span {
            display: inline-block;
            vertical-align: middle;
            width: calc(3em - 0.2rem);
            height: calc(3em - 0.2rem);
            border-radius: 50%;
            margin-left: 0.4rem;
            position: relative;
            top: -0.02rem;
            background-color: rgba(255, 255, 255, 0.2); }
            .banner .swiper-slide .box .more a span img {
              width: 100%;
              display: block; }
        .banner .swiper-slide .box .more a:hover {
          animation: icon-bounce 0.5s alternate; }
    .banner .swiper-slide .videoc {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 4;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 1;
      transition: all ease 0.5s;
      z-index: 5; }
      .banner .swiper-slide .videoc .vom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3; }
  .banner .swiper-slide-active .box .bit, .banner .swiper-slide-active .box .binp, .banner .swiper-slide-active .box .more {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

@media (max-width: 1380px) {
  .banner .swiper-slide .box {
    left: 5%; } }
@media (max-width: 800px) {
  .banner .swiper-slide .box {
    left: 3%; } }
footer {
  width: 100%;
  background-color: #222;
  position: relative;
  z-index: 3; }
  footer .ftop {
    width: 100%;
    padding: 0.8rem 0; }
    footer .ftop .fop {
      width: 100%;
      margin: 0 auto;
      max-width: 12.8rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      footer .ftop .fop .fol {
        display: inline-block;
        vertical-align: top;
        width: calc(260 / 1280 * 100%); }
        footer .ftop .fop .fol .fogo {
          width: 100%;
          font-size: 0;
          margin-bottom: 0.4rem; }
          footer .ftop .fop .fol .fogo a {
            display: inline-block;
            vertical-align: middle;
            width: 1.48rem; }
            footer .ftop .fop .fol .fogo a img {
              width: 100%;
              display: block; }
        footer .ftop .fop .fol .share {
          width: 100%;
          font-size: 0;
          display: flex;
          justify-content: space-around; }
          footer .ftop .fop .fol .share .am {
            display: inline-block;
            vertical-align: middle;
            width: 27px;
            position: relative;
            transition: all ease 0.5s;
            opacity: 0.3; }
            footer .ftop .fop .fol .share .am a, footer .ftop .fop .fol .share .am img {
              width: 100%;
              display: block; }
            footer .ftop .fop .fol .share .am .codm {
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              width: 1.4rem;
              background-color: #fff;
              border-radius: 0.1rem;
              display: none;
              padding: 0.06rem;
              bottom: calc(100% + 0.1rem); }
              footer .ftop .fop .fol .share .am .codm img {
                width: 100%;
                display: block; }
          footer .ftop .fop .fol .share .am:hover {
            opacity: 1; }
            footer .ftop .fop .fol .share .am:hover .codm {
              display: block; }
      footer .ftop .fop .for {
        display: inline-block;
        vertical-align: middle;
        width: calc(830 / 1280 * 100%); }
        footer .ftop .fop .for .fetomlis {
          width: 100%;
          font-size: 0;
          display: flex;
          flex-wrap: wrap; }
          footer .ftop .fop .for .fetomlis .fetom {
            width: 32%;
            margin-right: 2%;
            display: inline-block;
            vertical-align: top; }
            footer .ftop .fop .for .fetomlis .fetom .fc {
              display: block;
              width: 0.44rem;
              height: 0.44rem;
              margin-bottom: 0.4rem; }
              footer .ftop .fop .for .fetomlis .fetom .fc img {
                width: 100%;
                display: block; }
            footer .ftop .fop .for .fetomlis .fetom .finp {
              width: 100%;
              color: #fff;
              line-height: 1.75; }
              footer .ftop .fop .for .fetomlis .fetom .finp p {
                color: #fff;
                line-height: 1.75; }
          footer .ftop .fop .for .fetomlis .fetom:nth-child(3n) {
            margin-right: 0; }
  footer .fbot {
    width: 100%;
    background-color: #292929; }
    footer .fbot .fob {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.14rem 0;
      margin: 0 auto;
      max-width: 12.8rem; }
      footer .fbot .fob .fm {
        display: inline-block;
        vertical-align: middle;
        color: rgba(255, 255, 255, 0.5);
        line-height: 1.5; }
        footer .fbot .fob .fm a {
          display: inline-block;
          vertical-align: middle;
          color: rgba(255, 255, 255, 0.5);
          line-height: 1.5;
          position: relative;
          top: -0.02rem; }
        footer .fbot .fob .fm a:hover {
          color: #fff; }

@media (max-width: 800px) {
  footer .ftop .fop .fol .share {
    justify-content: flex-start; }
    footer .ftop .fop .fol .share .am {
      margin-right: 0.4rem; }
  footer .ftop .fop .for .fetomlis .fetom {
    width: 100%;
    padding: 0.15rem 0; }
    footer .ftop .fop .for .fetomlis .fetom .fc {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0; }
    footer .ftop .fop .for .fetomlis .fetom .finp {
      display: inline-block;
      vertical-align: middle;
      margin-left: 0.3rem;
      width: calc(100% - 0.44rem - 0.3rem); } }
.rightnav {
  position: fixed;
  right: 0;
  top: 70%;
  transform: translateY(-50%);
  z-index: 10; }
  .rightnav .ritm {
    display: block;
    padding: 0.18rem 0.14rem;
    background-color: var(--themes);
    border-radius: 0.1rem 0 0 0.1rem;
    cursor: pointer; }
    .rightnav .ritm .xm {
      width: 1.2em;
      display: block;
      text-align: center;
      color: #fff;
      line-height: 1.5; }
    .rightnav .ritm .xc {
      margin: 0.1rem auto 0;
      display: block;
      width: 14px; }
      .rightnav .ritm .xc img {
        width: 100%;
        display: block; }

.modular {
  width: 100%; }
  .modular .mitop {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5rem; }
    .modular .mitop .mx {
      width: 100%;
      color: var(--ghemes);
      line-height: 1.5;
      margin-bottom: 0.04rem; }
    .modular .mitop .mit {
      width: 100%;
      color: #333;
      font-weight: bold;
      line-height: 1.3; }
      .modular .mitop .mit p {
        color: #333;
        font-weight: bold;
        line-height: 1.3; }
    .modular .mitop .mp {
      width: 100%;
      color: #333;
      line-height: 1.5;
      margin-top: 0.15rem; }
  .modular .mitop.tls {
    text-align: left; }
  .modular .mitop.coms {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    justify-content: space-between; }
    .modular .mitop.coms .mol {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
    .modular .mitop.coms .mor {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
    .modular .mitop.coms .fienav {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop.coms .fienav .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        cursor: pointer;
        padding: 0.15rem 0;
        border-bottom: solid 2px transparent; }
        .modular .mitop.coms .fienav .swiper-slide .ic {
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          position: relative;
          top: -0.02rem;
          margin-right: 0.12rem; }
          .modular .mitop.coms .fienav .swiper-slide .ic img {
            width: 100%;
            display: block; }
          .modular .mitop.coms .fienav .swiper-slide .ic img:first-child {
            display: block; }
          .modular .mitop.coms .fienav .swiper-slide .ic img:last-child {
            display: none; }
        .modular .mitop.coms .fienav .swiper-slide .cm {
          display: inline-block;
          vertical-align: middle;
          color: #333;
          line-height: 1.5;
          width: auto; }
      .modular .mitop.coms .fienav .swiper-slide + .swiper-slide {
        margin-left: 0.4rem; }
      .modular .mitop.coms .fienav .swiper-slide.on, .modular .mitop.coms .fienav .swiper-slide:hover {
        border-bottom: solid 2px var(--ghemes); }
        .modular .mitop.coms .fienav .swiper-slide.on .ic img:first-child, .modular .mitop.coms .fienav .swiper-slide:hover .ic img:first-child {
          display: none; }
        .modular .mitop.coms .fienav .swiper-slide.on .ic img:last-child, .modular .mitop.coms .fienav .swiper-slide:hover .ic img:last-child {
          display: block; }
        .modular .mitop.coms .fienav .swiper-slide.on .cm, .modular .mitop.coms .fienav .swiper-slide:hover .cm {
          color: var(--ghemes); }
      .modular .mitop.coms .fienav .swiper-scrollbar {
        background-color: rgba(0, 0, 0, 0.1);
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
        display: none; }
      .modular .mitop.coms .fienav .swiper-scrollbar-drag {
        background-color: var(--themes); }

.newsom {
  width: 100%;
  padding: 1rem 0; }
  .newsom .newpom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .newsom .newpom .nelom {
      display: inline-block;
      vertical-align: top;
      width: calc(690 / 1440 * 100%); }
      .newsom .newpom .nelom .nab {
        width: 100%;
        margin-bottom: 0.3rem; }
        .newsom .newpom .nelom .nab a {
          border-bottom: solid 1px #e9f1f6;
          transition: all ease 0.5s;
          width: 100%;
          display: block;
          font-size: 0; }
        .newsom .newpom .nelom .nab .xm {
          display: inline-block;
          vertical-align: middle;
          color: #333;
          line-height: 2.5;
          width: calc(100% - 18px - 0.2rem);
          margin-right: 0.2rem; }
        .newsom .newpom .nelom .nab .ic {
          display: inline-block;
          vertical-align: middle;
          width: 18px; }
          .newsom .newpom .nelom .nab .ic img {
            width: 100%;
            display: block; }
          .newsom .newpom .nelom .nab .ic img:first-child {
            display: block; }
          .newsom .newpom .nelom .nab .ic img:last-child {
            display: none; }
      .newsom .newpom .nelom .nab:hover a {
        border-bottom: solid 1px var(--ghemes); }
      .newsom .newpom .nelom .nab:hover .xm {
        color: var(--ghemes); }
      .newsom .newpom .nelom .nab:hover .ic img:first-child {
        display: none; }
      .newsom .newpom .nelom .nab:hover .ic img:last-child {
        display: block; }
      .newsom .newpom .nelom .dysmlis {
        width: 100%;
        font-size: 0; }
        .newsom .newpom .nelom .dysmlis .dyom {
          width: 100%; }
          .newsom .newpom .nelom .dysmlis .dyom a {
            width: 100%;
            display: block;
            font-size: 0; }
          .newsom .newpom .nelom .dysmlis .dyom .imgs {
            display: inline-block;
            vertical-align: middle;
            width: calc(280 / 690 * 100%);
            position: relative;
            overflow: hidden; }
            .newsom .newpom .nelom .dysmlis .dyom .imgs .img {
              width: 100%;
              padding-top: 69.64%;
              transition: all ease 0.5s; }
          .newsom .newpom .nelom .dysmlis .dyom .rom {
            display: inline-block;
            vertical-align: middle;
            width: calc(410 / 690 * 100%);
            padding-left: 0.25rem; }
            .newsom .newpom .nelom .dysmlis .dyom .rom .time {
              width: 100%;
              color: #888;
              line-height: 1.5; }
              .newsom .newpom .nelom .dysmlis .dyom .rom .time span {
                display: inline-block;
                vertical-align: middle;
                position: relative;
                top: -0.02rem;
                width: 18px;
                margin-right: 0.08rem; }
                .newsom .newpom .nelom .dysmlis .dyom .rom .time span img {
                  width: 100%;
                  display: block; }
            .newsom .newpom .nelom .dysmlis .dyom .rom .xit {
              width: 100%;
              color: #333;
              line-height: 1.4;
              margin: 0.12rem 0; }
            .newsom .newpom .nelom .dysmlis .dyom .rom .sim {
              width: 100%;
              color: #888;
              line-height: 1.5; }
        .newsom .newpom .nelom .dysmlis .dyom:hover .imgs .img {
          transform: scale(1.1); }
        .newsom .newpom .nelom .dysmlis .dyom:hover .rom .xit {
          color: var(--ghemes); }
        .newsom .newpom .nelom .dysmlis .dyom + .dyom {
          margin-top: 0.3rem; }
      .newsom .newpom .nelom .datelis {
        width: 100%; }
        .newsom .newpom .nelom .datelis .datm {
          width: 100%; }
          .newsom .newpom .nelom .datelis .datm a {
            width: 100%;
            display: flex;
            align-items: center;
            font-size: 0; }
          .newsom .newpom .nelom .datelis .datm .daom {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            width: 1.2rem;
            background-color: var(--themes);
            padding: 0.2rem 0.1rem;
            text-align: center;
            min-width: 72px; }
            .newsom .newpom .nelom .datelis .datm .daom .day {
              width: 100%;
              color: #fff;
              line-height: 1.2; }
            .newsom .newpom .nelom .datelis .datm .daom .tid {
              width: 100%;
              color: #fff;
              line-height: 1.3; }
          .newsom .newpom .nelom .datelis .datm .pom {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 1.2rem);
            padding-left: 0.3rem; }
            .newsom .newpom .nelom .datelis .datm .pom .pt {
              width: 100%;
              color: #333;
              line-height: 1.5; }
            .newsom .newpom .nelom .datelis .datm .pom .pm {
              width: 100%;
              color: #888;
              line-height: 1.5;
              margin-top: 0.06rem; }
        .newsom .newpom .nelom .datelis .datm:hover .daom {
          background-color: var(--ghemes); }
        .newsom .newpom .nelom .datelis .datm:hover .pom .pt {
          color: var(--ghemes); }
        .newsom .newpom .nelom .datelis .datm + .datm {
          margin-top: 0.3rem; }
    .newsom .newpom .nelom:nth-child(2n) {
      margin-right: 0; }

.cases {
  width: 100%;
  padding: 1rem 0;
  background-color: #f4f8fb; }
  .cases .caspers {
    width: 100%;
    position: relative; }
    .cases .caspers .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      border-radius: 50%;
      width: 0.44rem;
      height: 0.44rem;
      background-color: var(--ghemes); }
      .cases .caspers .btn img {
        width: 100%;
        display: block; }
    .cases .caspers .btn:hover {
      background-color: var(--themes); }
    .cases .caspers .bl {
      left: -1rem; }
    .cases .caspers .br {
      right: -1rem; }
    .cases .caspers .swiper-slide {
      width: 100%;
      position: relative; }
      .cases .caspers .swiper-slide a {
        width: 100%;
        display: block; }
      .cases .caspers .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .cases .caspers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 69.53%;
          transition: all ease 0.5s; }
      .cases .caspers .swiper-slide .pims {
        width: 100%;
        background-color: #fff;
        padding: 0.18rem 0.3rem;
        color: #333;
        line-height: 1.5; }
    .cases .caspers .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .cases .caspers .swiper-slide:hover .pims {
      background-color: var(--ghemes);
      color: #fff; }

@media (max-width: 1680px) {
  .cases .caspers .bl {
    left: -0.22rem; }
  .cases .caspers .br {
    right: -0.22rem; } }
@media (max-width: 800px) {
  .cases .caspers .bl {
    left: -0.22rem; }
  .cases .caspers .br {
    right: -0.22rem; } }
.manber {
  width: 100%;
  position: relative; }
  .manber .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .manber .imgs .img {
      width: 100%;
      padding-top: 4.2rem; }
  .manber .mox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 100%; }
    .manber .mox .minp {
      width: 100%;
      max-width: 80%;
      display: block;
      margin: 0 auto;
      color: #fff;
      line-height: 1.4;
      font-weight: bold;
      text-align: center; }
      .manber .mox .minp p {
        color: #fff;
        line-height: 1.4;
        font-weight: bold; }

.services {
  width: 100%;
  padding: 1rem 0;
  background-color: #f7f9fb; }
  .services .serpers {
    width: 100%; }
    .services .serpers .swiper-slide {
      width: 100%;
      position: relative;
      cursor: pointer; }
      .services .serpers .swiper-slide .rc {
        position: absolute;
        left: calc(100% - 8px);
        top: calc(0.6rem - 7px);
        width: 16px;
        z-index: 2; }
        .services .serpers .swiper-slide .rc img {
          width: 100%;
          display: block; }
      .services .serpers .swiper-slide .sic {
        width: 1.2rem;
        height: 1.2rem;
        display: block;
        margin: 0 auto 0.2rem;
        position: relative; }
        .services .serpers .swiper-slide .sic img {
          width: 100%;
          display: block; }
        .services .serpers .swiper-slide .sic .sg {
          width: 100%;
          height: 100%;
          display: block; }
          .services .serpers .swiper-slide .sic .sg img:first-child {
            display: block; }
          .services .serpers .swiper-slide .sic .sg img:last-child {
            display: none; }
        .services .serpers .swiper-slide .sic .sc {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          display: block;
          z-index: 2; }
      .services .serpers .swiper-slide .st {
        width: 100%;
        text-align: center;
        color: #333;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 0.1rem; }
      .services .serpers .swiper-slide .sp {
        width: 100%;
        color: #666;
        line-height: 1.5;
        text-align: center; }
        .services .serpers .swiper-slide .sp p {
          color: #666;
          line-height: 1.5; }
    .services .serpers .swiper-slide:hover .sic .sg img:first-child {
      display: none; }
    .services .serpers .swiper-slide:hover .sic .sg img:last-child {
      display: block; }
    .services .serpers .swiper-slide:hover .sic .sc img {
      filter: grayscale(1000%) brightness(2000%); }
    .services .serpers .swiper-slide:hover .st {
      color: var(--ghemes); }
    .services .serpers .swiper-slide:last-child .rc {
      display: none; }

.whys {
  width: 100%;
  padding: 1rem 0; }
  .whys .whyom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse; }
    .whys .whyom .whl {
      display: inline-block;
      vertical-align: middle;
      width: calc(750 / 1440 * 100%);
      position: relative;
      overflow: hidden; }
      .whys .whyom .whl .img {
        width: 100%;
        padding-top: 82.66%;
        transition: all ease 0.5s; }
    .whys .whyom .whr {
      display: inline-block;
      vertical-align: middle;
      width: calc(610 / 1440 * 100%); }
      .whys .whyom .whr .whrlis {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap; }
        .whys .whyom .whr .whrlis .whrm {
          display: inline-block;
          vertical-align: top;
          width: 48%;
          margin-right: 4%;
          margin-bottom: 0.2rem; }
          .whys .whyom .whr .whrlis .whrm .wc {
            width: 0.5rem;
            height: 0.5rem;
            display: block;
            margin-bottom: 0.15rem; }
          .whys .whyom .whr .whrlis .whrm .wt {
            width: 100%;
            color: #333;
            font-weight: bold;
            line-height: 1.5; }
          .whys .whyom .whr .whrlis .whrm .sinp {
            width: 100%;
            color: #333;
            line-height: 1.5;
            margin-top: 0.08rem; }
        .whys .whyom .whr .whrlis .whrm:nth-child(2n) {
          margin-right: 0; }

.procens {
  width: 100%;
  padding: 1rem 0;
  background-color: #f7f8fb; }
  .procens .propers {
    width: 100%; }
    .procens .propers .swiper-slide {
      width: 100%; }
      .procens .propers .swiper-slide a {
        width: 100%;
        display: block; }
      .procens .propers .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .procens .propers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 37.7%;
          transition: all ease 0.5s; }
      .procens .propers .swiper-slide .coms {
        width: 100%;
        background-color: var(--ghemes);
        font-size: 0;
        text-align: center;
        padding: 0.25rem 0.3rem; }
        .procens .propers .swiper-slide .coms .tn {
          display: inline-block;
          vertical-align: middle;
          width: 18px; }
          .procens .propers .swiper-slide .coms .tn img {
            width: 100%;
            display: block; }
        .procens .propers .swiper-slide .coms .tim {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          line-height: 1.5;
          max-width: calc(100% - 36px - 0.6rem);
          margin: 0 0.3rem;
          width: auto; }
    .procens .propers .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
  .procens .simpers {
    width: 100%;
    position: relative;
    margin-top: 0.6rem; }
    .procens .simpers .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      border-radius: 50%;
      width: 0.44rem;
      height: 0.44rem;
      background-color: var(--ghemes); }
      .procens .simpers .btn img {
        width: 100%;
        display: block; }
    .procens .simpers .btn:hover {
      background-color: var(--themes); }
    .procens .simpers .bl {
      left: -1rem; }
    .procens .simpers .br {
      right: -1rem; }
    .procens .simpers .swiper-slide {
      width: 100%; }
      .procens .simpers .swiper-slide a {
        width: 100%;
        display: block; }
      .procens .simpers .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .procens .simpers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 84.84%;
          transition: all ease 0.5s; }
      .procens .simpers .swiper-slide .vt {
        width: 100%;
        color: #333;
        font-weight: bold;
        margin-top: 0.15rem;
        line-height: 1.5; }
      .procens .simpers .swiper-slide .sim {
        width: 100%;
        color: #888;
        margin-top: 0.08rem;
        line-height: 1.5; }
    .procens .simpers .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .procens .simpers .swiper-slide:hover .vt {
      color: var(--ghemes); }

@media (max-width: 1680px) {
  .procens .simpers .bl {
    left: -0.22rem; }
  .procens .simpers .br {
    right: -0.22rem; } }
@media (max-width: 800px) {
  .procens .simpers .bl {
    left: -0.22rem; }
  .procens .simpers .br {
    right: -0.22rem; } }
.fields {
  width: 100%;
  padding: 0.8rem 0; }
  .fields .fieomt {
    width: 100%;
    position: relative; }
    .fields .fieomt .fenm {
      width: 100%;
      display: none; }
    .fields .fieomt .fenm.on {
      display: block; }
  .fields .imglist {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1; }
    .fields .imglist .ietm {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      z-index: -99;
      opacity: 0;
      transition: all ease 0.5s; }
      .fields .imglist .ietm .img {
        width: 100%;
        height: 100%;
        display: block; }
    .fields .imglist .ietm.on {
      opacity: 1;
      z-index: 1; }
  .fields .conpem {
    width: 100%;
    padding: 1rem 0;
    position: relative;
    z-index: 3; }
    .fields .conpem .comdlis {
      width: 100%;
      max-width: 6.4rem;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .fields .conpem .comdlis .cliom {
        display: inline-block;
        vertical-align: top;
        width: calc(50%);
        position: relative;
        border: solid 1px rgba(246, 250, 241, 0.08); }
        .fields .conpem .comdlis .cliom a {
          width: 100%;
          display: block; }
        .fields .conpem .comdlis .cliom .pems {
          width: 100%;
          padding: 0.6rem 0.4rem; }
          .fields .conpem .comdlis .cliom .pems .pc {
            width: 0.4rem;
            height: 0.4rem;
            display: block; }
            .fields .conpem .comdlis .cliom .pems .pc img {
              width: 100%;
              display: block; }
          .fields .conpem .comdlis .cliom .pems .cml {
            width: 100%;
            color: #fff;
            line-height: 1.5;
            margin-top: 0.15rem; }
        .fields .conpem .comdlis .cliom .homs {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          padding: 0.4rem;
          background-color: rgba(10, 79, 174, 0.9);
          display: flex;
          flex-wrap: wrap;
          align-content: center;
          transition: all  ease 0.5s;
          opacity: 0; }
          .fields .conpem .comdlis .cliom .homs .hod {
            width: 100%;
            font-size: 0;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between; }
            .fields .conpem .comdlis .cliom .homs .hod .hx {
              display: inline-block;
              vertical-align: middle;
              color: #fff;
              line-height: 1.5;
              width: auto; }
            .fields .conpem .comdlis .cliom .homs .hod .rc {
              display: inline-block;
              vertical-align: middle;
              width: 0.4rem;
              height: 0.4rem;
              border-radius: 50%;
              background-color: var(--themes); }
              .fields .conpem .comdlis .cliom .homs .hod .rc img {
                width: 100%;
                display: block; }
          .fields .conpem .comdlis .cliom .homs .him {
            width: 100%;
            color: #fff;
            line-height: 1.5;
            margin-top: 0.12rem; }
      .fields .conpem .comdlis .cliom.on .homs {
        opacity: 1; }

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

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

@media (max-width: 800px) {
  .crumbs .column .colum {
    border-top: solid 1px #eee; } }
.nanner {
  width: 100%;
  position: relative; }
  .nanner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .nanner .imgs .img {
      width: 100%;
      padding-top: 3.5rem; }
  .nanner .nox {
    position: absolute;
    left: calc((100% - 14.4rem) / 2);
    top: 50%;
    transform: translateY(-50%); }
    .nanner .nox .nit {
      width: 100%;
      color: #fff;
      font-family: 'MiSans-Demibold';
      font-weight: bold;
      line-height: 1.5; }
    .nanner .nox .nie {
      width: 100%;
      color: #fff;
      font-weight: bold;
      line-height: 1.5; }
    .nanner .nox .lx {
      display: block;
      width: 0.34rem;
      height: 0.03rem;
      background-color: #fff;
      margin-top: 0.15rem; }

@media (max-width: 1500px) {
  .nanner .nox {
    left: 5%; } }
@media (max-width: 800px) {
  .nanner .nox {
    left: 3%; } }
.batching {
  width: 100%;
  padding: 1rem 0; }
  .batching .batchlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .batching .batchlis .batom {
      display: inline-block;
      vertical-align: top;
      width: calc(330 / 1440 * 100%);
      margin-right: calc(39 / 1440 * 100%);
      margin-bottom: 0.5rem; }
      .batching .batchlis .batom a {
        width: 100%;
        display: block; }
      .batching .batchlis .batom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .batching .batchlis .batom .imgs .img {
          width: 100%;
          padding-top: 66.66%;
          transition: all ease 0.5s; }
      .batching .batchlis .batom .imgs:hover .img {
        transform: scale(1.1); }
      .batching .batchlis .batom .vd {
        width: 100%;
        color: #333;
        line-height: 1.5;
        margin: 0.25rem 0 0.15rem; }
      .batching .batchlis .batom .vd:hover {
        color: var(--ghemes); }
      .batching .batchlis .batom .tchul {
        width: 100%; }
        .batching .batchlis .batom .tchul a {
          width: 100%;
          display: block;
          color: #333;
          line-height: 1.4;
          padding: 0.06rem 0; }
        .batching .batchlis .batom .tchul a:hover {
          color: var(--ghemes); }
    .batching .batchlis .batom:nth-child(4n) {
      margin-right: 0; }
  .batching .batchlis.wd3 .batom {
    width: calc(453 / 1440 * 100%);
    margin-right: calc(40 / 1440 * 100%); }
    .batching .batchlis.wd3 .batom .imgs .img {
      padding-top: 66.66%; }
  .batching .batchlis.wd3 .batom:nth-child(4n) {
    margin-right: calc(40 / 1440 * 100%); }
  .batching .batchlis.wd3 .batom:nth-child(3n) {
    margin-right: 0; }

.equipments {
  width: 100%;
  padding: 1rem 0;
  background-color: #f7f9fb; }
  .equipments .equitlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .equipments .equitlis .equem {
      display: inline-block;
      vertical-align: top;
      width: calc(446 / 1440 * 100%);
      margin-right: calc(50 / 1440 * 100%);
      margin-bottom: 0.5rem; }
      .equipments .equitlis .equem a {
        width: 100%;
        display: block; }
      .equipments .equitlis .equem .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .equipments .equitlis .equem .imgs .img {
          width: 100%;
          padding-top: 85.20%;
          transition: all ease 0.5s; }
      .equipments .equitlis .equem .vt {
        width: 100%;
        color: #333;
        font-weight: bold;
        margin-top: 0.25rem;
        line-height: 1.5; }
      .equipments .equitlis .equem .sim {
        width: 100%;
        color: #888;
        margin-top: 0.1rem;
        line-height: 1.5; }
    .equipments .equitlis .equem:hover .imgs .img {
      transform: scale(1.1); }
    .equipments .equitlis .equem:hover .vt {
      color: var(--ghemes); }
    .equipments .equitlis .equem:nth-child(3n) {
      margin-right: 0; }

.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.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #666;
    border-radius: 50%;
    background-color: transparent;
    border: solid 1px #eee;
    margin: 0 0.05rem 0.1rem;
    box-sizing: border-box; }
  .pages .page.ltn {
    background-image: url("?static/home/images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn {
    background-image: url("?static/home/images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on {
    background-color: var(--ghemes);
    color: #fff;
    border: solid 1px var(--ghemes); }
  .pages .page.ltn:hover {
    background-image: url("?static/home/images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on.ltn {
    background-image: url("?static/home/images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on.rtn {
    background-image: url("?static/home/images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn:hover {
    background-image: url("?static/home/images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.auto {
    width: auto;
    padding: 0 0.24rem; }
  .pages .page:hover {
    background-color: var(--ghemes);
    color: #fff;
    border: solid 1px var(--ghemes); }

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: calc(0.8rem - 2px);
    font-size: 16px;
    margin: 0 0.1rem 0.1rem; } }
.eatails {
  width: 100%;
  padding: 0.3rem 0 0.8rem;
  background-color: #f7f9fb; }
  .eatails .eatom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 0.5rem 0.6rem; }
    .eatails .eatom .eal {
      display: inline-block;
      vertical-align: middle;
      width: calc(650 / 1320 * 100%); }
      .eatails .eatom .eal .swiper-slide {
        width: 100%;
        position: relative;
        border: solid 1px #eee; }
        .eatails .eatom .eal .swiper-slide a {
          width: 100%;
          display: block; }
        .eatails .eatom .eal .swiper-slide .imgs {
          width: 100%;
          position: relative; }
          .eatails .eatom .eal .swiper-slide .imgs .img {
            width: 100%;
            padding-top: 76.52%;
            transition: all ease 0.5s; }
    .eatails .eatom .ear {
      display: inline-block;
      vertical-align: middle;
      width: calc(600 / 1320 * 100%); }
      .eatails .eatom .ear .eir {
        width: 100%;
        color: #333;
        font-weight: bold;
        line-height: 1.5; }
      .eatails .eatom .ear .xom {
        width: 100%;
        margin: 0.6rem 0; }
        .eatails .eatom .ear .xom .xv {
          width: 100%;
          color: var(--ghemes);
          line-height: 1.5; }
        .eatails .eatom .ear .xom .sinp {
          width: 100%;
          color: #333;
          line-height: 1.5;
          margin-top: 0.1rem; }
          .eatails .eatom .ear .xom .sinp p {
            color: #333;
            line-height: 1.5; }
      .eatails .eatom .ear .vob {
        width: 100%;
        font-size: 0; }
        .eatails .eatom .ear .vob a {
          display: inline-block;
          vertical-align: middle;
          background-color: var(--ghemes);
          color: #fff;
          line-height: 2.5;
          border-radius: 1.25em;
          padding: 0 0.25rem; }
        .eatails .eatom .ear .vob a:hover {
          animation: icon-bounce 0.5s alternate; }
  .eatails .correlation {
    width: 100%;
    margin-top: 0.6rem; }
    .eatails .correlation .coreper {
      width: 100%; }
      .eatails .correlation .coreper .swiper-slide {
        width: 100%;
        position: relative; }
        .eatails .correlation .coreper .swiper-slide a {
          width: 100%;
          display: block; }
        .eatails .correlation .coreper .swiper-slide .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .eatails .correlation .coreper .swiper-slide .imgs .img {
            width: 100%;
            padding-top: 85.20%;
            transition: all ease 0.5s; }
        .eatails .correlation .coreper .swiper-slide .vt {
          width: 100%;
          color: #333;
          font-weight: bold;
          margin-top: 0.25rem;
          line-height: 1.5; }
        .eatails .correlation .coreper .swiper-slide .sim {
          width: 100%;
          color: #888;
          margin-top: 0.1rem;
          line-height: 1.5; }
      .eatails .correlation .coreper .swiper-slide:hover .imgs .img {
        transform: scale(1.1); }
      .eatails .correlation .coreper .swiper-slide:hover .vt {
        color: var(--ghemes); }
  .eatails .convent {
    width: 100%;
    padding: 0.6rem;
    margin: 0.4rem 0 0.6rem;
    background-color: #fff; }
    .eatails .convent .contm {
      width: 100%; }
      .eatails .convent .contm .cotop {
        width: 100%;
        text-align: center;
        margin-bottom: 0.5rem; }
        .eatails .convent .contm .cotop .xt {
          width: 100%;
          color: #333;
          line-height: 1.4;
          font-weight: bold; }
        .eatails .convent .contm .cotop .lm {
          display: block;
          margin: 0.15rem auto;
          width: 0.6rem; }
          .eatails .convent .contm .cotop .lm img {
            width: 100%;
            display: block; }
      .eatails .convent .contm .featurlis {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap; }
        .eatails .convent .contm .featurlis .featm {
          display: inline-block;
          vertical-align: top;
          width: calc(300 / 1320 * 100%);
          margin-right: calc(29 / 1320 * 100%);
          margin-bottom: 0.3rem;
          padding: 0.6rem 0.3rem;
          background-color: #f7f9fb;
          transition: all ease 0.5s;
          cursor: pointer; }
          .eatails .convent .contm .featurlis .featm .fc {
            width: 1.2rem;
            height: 1.2rem;
            display: block;
            margin: 0 auto 0.35rem;
            position: relative; }
            .eatails .convent .contm .featurlis .featm .fc img {
              width: 100%;
              display: block; }
            .eatails .convent .contm .featurlis .featm .fc .fg {
              width: 100%;
              height: 100%;
              display: block; }
              .eatails .convent .contm .featurlis .featm .fc .fg img:first-child {
                display: block; }
              .eatails .convent .contm .featurlis .featm .fc .fg img:last-child {
                display: none; }
            .eatails .convent .contm .featurlis .featm .fc .fm {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              display: block;
              z-index: 2; }
          .eatails .convent .contm .featurlis .featm .xit {
            width: 100%;
            text-align: center;
            color: #333;
            line-height: 1.5; }
        .eatails .convent .contm .featurlis .featm:nth-child(4n) {
          margin-right: 0; }
        .eatails .convent .contm .featurlis .featm:hover {
          background-color: var(--ghemes); }
          .eatails .convent .contm .featurlis .featm:hover .fc .fg img:first-child {
            display: none; }
          .eatails .convent .contm .featurlis .featm:hover .fc .fg img:last-child {
            display: block; }
          .eatails .convent .contm .featurlis .featm:hover .xit {
            color: #fff; }
      .eatails .convent .contm .allocations {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .eatails .convent .contm .allocations .allom {
          display: inline-block;
          vertical-align: top;
          width: calc(630 / 1320 * 100%); }
          .eatails .convent .contm .allocations .allom .ali {
            width: 100%;
            color: #333;
            line-height: 1.6;
            padding: 0.15rem 0.3rem;
            background-color: rgba(23, 154, 91, 0.05); }
          .eatails .convent .contm .allocations .allom .ali:nth-child(2n) {
            background-color: rgba(10, 79, 174, 0.05); }
          .eatails .convent .contm .allocations .allom .ali + .ali {
            border-top: solid 1px rgba(255, 255, 255, 0.5); }
      .eatails .convent .contm .scenper {
        width: 100%;
        position: relative; }
        .eatails .convent .contm .scenper .swiper-slide {
          width: 100%;
          position: relative;
          cursor: pointer; }
          .eatails .convent .contm .scenper .swiper-slide .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .eatails .convent .contm .scenper .swiper-slide .imgs .img {
              width: 100%;
              padding-top: 62.38%;
              transition: all ease 0.5s; }
          .eatails .convent .contm .scenper .swiper-slide .xim {
            width: 100%;
            color: #333;
            line-height: 1.75;
            margin-top: 0.1rem; }
        .eatails .convent .contm .scenper .swiper-slide:hover .imgs .img {
          transform: scale(1.1); }
        .eatails .convent .contm .scenper .btn {
          position: absolute;
          z-index: 3;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer;
          border-radius: 50%;
          width: 0.44rem;
          height: 0.44rem;
          background-color: var(--ghemes); }
          .eatails .convent .contm .scenper .btn img {
            width: 100%;
            display: block; }
        .eatails .convent .contm .scenper .btn:hover {
          background-color: var(--themes); }
        .eatails .convent .contm .scenper .bl {
          left: -1rem; }
        .eatails .convent .contm .scenper .br {
          right: -1rem; }
    .eatails .convent .contm + .contm {
      margin-top: 0.5rem; }

@media (max-width: 1680px) {
  .eatails .convent .contm .scenper .bl {
    left: -0.22rem; }
  .eatails .convent .contm .scenper .br {
    right: -0.22rem; } }
@media (max-width: 800px) {
  .eatails .convent .contm .scenper .bl {
    left: -0.22rem; }
  .eatails .convent .contm .scenper .br {
    right: -0.22rem; } }
.production {
  width: 100%;
  padding: 1rem 0; }
  .production .pioms {
    width: 100%; }
  .production .pioms + .pioms {
    margin-top: 0.5rem; }
  .production .pinp {
    width: 100%;
    color: #333;
    line-height: 1.75; }
    .production .pinp span, .production .pinp p {
      color: #333;
      line-height: 1.75; }
    .production .pinp img {
      max-width: 100%; }
  .production .cotop {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5rem; }
    .production .cotop .xt {
      width: 100%;
      color: #333;
      line-height: 1.4;
      font-weight: bold; }
    .production .cotop .lm {
      display: block;
      margin: 0.15rem auto;
      width: 0.6rem; }
      .production .cotop .lm img {
        width: 100%;
        display: block; }
  .production .featurlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .production .featurlis .featm {
      display: inline-block;
      vertical-align: top;
      width: calc(300 / 1320 * 100%);
      margin-right: calc(29 / 1320 * 100%);
      margin-bottom: 0.3rem;
      padding: 0.6rem 0.3rem;
      background-color: #f7f9fb;
      transition: all ease 0.5s;
      cursor: pointer; }
      .production .featurlis .featm .fc {
        width: 1.2rem;
        height: 1.2rem;
        display: block;
        margin: 0 auto 0.35rem;
        position: relative; }
        .production .featurlis .featm .fc img {
          width: 100%;
          display: block; }
        .production .featurlis .featm .fc .fg {
          width: 100%;
          height: 100%;
          display: block; }
          .production .featurlis .featm .fc .fg img:first-child {
            display: block; }
          .production .featurlis .featm .fc .fg img:last-child {
            display: none; }
        .production .featurlis .featm .fc .fm {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          display: block;
          z-index: 2; }
      .production .featurlis .featm .xit {
        width: 100%;
        text-align: center;
        color: #333;
        line-height: 1.5; }
    .production .featurlis .featm:nth-child(4n) {
      margin-right: 0; }
    .production .featurlis .featm:hover {
      background-color: var(--ghemes); }
      .production .featurlis .featm:hover .fc .fg img:first-child {
        display: none; }
      .production .featurlis .featm:hover .fc .fg img:last-child {
        display: block; }
      .production .featurlis .featm:hover .xit {
        color: #fff; }
  .production .scenper {
    width: 100%;
    position: relative; }
    .production .scenper .swiper-slide {
      width: 100%;
      position: relative;
      cursor: pointer; }
      .production .scenper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .production .scenper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 62.38%;
          transition: all ease 0.5s; }
      .production .scenper .swiper-slide .xim {
        width: 100%;
        color: #333;
        line-height: 1.75;
        margin-top: 0.1rem; }
    .production .scenper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .production .scenper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      border-radius: 50%;
      width: 0.44rem;
      height: 0.44rem;
      background-color: var(--ghemes); }
      .production .scenper .btn img {
        width: 100%;
        display: block; }
    .production .scenper .btn:hover {
      background-color: var(--themes); }
    .production .scenper .bl {
      left: -1rem; }
    .production .scenper .br {
      right: -1rem; }
  .production .configers {
    width: 100%; }
    .production .configers .swiper-slide {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse; }
      .production .configers .swiper-slide .imgs {
        display: inline-block;
        vertical-align: middle;
        width: calc(720 / 1440 * 100%);
        position: relative;
        overflow: hidden; }
        .production .configers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 55.83%;
          transition: all ease 0.5s; }
      .production .configers .swiper-slide .roms {
        display: flex;
        flex-wrap: wrap;
        width: calc(720 / 1440 * 100%);
        padding: 0.4rem 0.6rem;
        align-content: center;
        background-color: #f7f9fb;
        position: relative;
        overflow: hidden; }
        .production .configers .swiper-slide .roms .rt {
          width: 100%;
          color: #333;
          line-height: 1.5;
          margin-bottom: 0.2rem; }
        .production .configers .swiper-slide .roms .rinp {
          width: 100%;
          color: #333;
          line-height: 1.75; }
          .production .configers .swiper-slide .roms .rinp p {
            color: #333;
            line-height: 1.75; }
        .production .configers .swiper-slide .roms .btns {
          width: 100%;
          font-size: 0;
          margin-top: 0.6rem; }
          .production .configers .swiper-slide .roms .btns .btn {
            display: inline-block;
            vertical-align: middle;
            width: 0.44rem;
            height: 0.44rem;
            border-radius: 50%;
            cursor: pointer;
            background-color: var(--ghemes);
            cursor: pointer; }
            .production .configers .swiper-slide .roms .btns .btn img {
              width: 100%;
              display: block; }
          .production .configers .swiper-slide .roms .btns .btn + .btn {
            margin-left: 0.2rem; }
          .production .configers .swiper-slide .roms .btns .btn:hover {
            background-color: var(--themes); }
        .production .configers .swiper-slide .roms .num {
          position: absolute;
          bottom: -0.55rem;
          right: 0.8rem;
          font-size: 1.4rem;
          font-weight: bold;
          font-style: italic;
          color: rgba(23, 154, 91, 0.1); }

@media (max-width: 1680px) {
  .production .scenper .bl {
    left: -0.22rem; }
  .production .scenper .br {
    right: -0.22rem; } }
@media (max-width: 800px) {
  .production .scenper .bl {
    left: -0.22rem; }
  .production .scenper .br {
    right: -0.22rem; } }
.controls {
  width: 100%;
  padding: 1rem 0; }
  .controls .pioms {
    width: 100%; }
  .controls .pioms + .pioms {
    margin-top: 0.5rem; }
  .controls .pinp {
    width: 100%;
    color: #333;
    line-height: 1.75; }
    .controls .pinp span, .controls .pinp p {
      color: #333;
      line-height: 1.75; }
    .controls .pinp img {
      max-width: 100%; }
  .controls .conper {
    width: 100%;
    margin-top: 0.6rem; }
    .controls .conper .swiper-slide {
      width: 100%;
      position: relative;
      cursor: pointer; }
      .controls .conper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .controls .conper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 66.66%;
          transition: all ease 0.5s; }
      .controls .conper .swiper-slide .vt {
        width: 100%;
        color: #333;
        line-height: 1.75;
        margin-top: 0.14rem; }
    .controls .conper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
  .controls .imgper {
    width: 100%;
    margin-top: 0.6rem; }
    .controls .imgper .swiper-slide {
      width: 100%;
      position: relative;
      cursor: pointer; }
      .controls .imgper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .controls .imgper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 66.66%;
          transition: all ease 0.5s; }
    .controls .imgper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
  .controls .tromlis {
    width: 100%;
    margin-top: 0.8rem; }
    .controls .tromlis .trom {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      .controls .tromlis .trom .imgs {
        display: inline-block;
        vertical-align: middle;
        width: calc(720 / 1440 * 100%);
        position: relative;
        overflow: hidden; }
        .controls .tromlis .trom .imgs .img {
          width: 100%;
          padding-top: 61.11%;
          transition: all ease 0.5s; }
      .controls .tromlis .trom .loms {
        width: calc(720 / 1440 * 100%);
        padding: 0.4rem 0.6rem;
        background-color: #f7f9fb;
        display: flex;
        flex-wrap: wrap;
        align-content: center; }
        .controls .tromlis .trom .loms .lot {
          width: 100%;
          font-size: 0;
          margin-bottom: 0.3rem; }
          .controls .tromlis .trom .loms .lot span {
            display: inline-block;
            vertical-align: middle;
            background-color: var(--ghemes);
            color: #fff;
            font-weight: bold;
            line-height: 2.2;
            border-radius: 1.1em;
            padding: 0 0.4rem; }
        .controls .tromlis .trom .loms .linp {
          width: 100%;
          color: #333;
          line-height: 1.75; }
          .controls .tromlis .trom .loms .linp p {
            color: #333;
            line-height: 1.75; }
    .controls .tromlis .trom + .trom {
      margin-top: 0.6rem; }
    .controls .tromlis .trom:nth-child(2n) {
      flex-direction: row-reverse; }

.engineers {
  width: 100%;
  padding: 0.8rem 0; }
  .engineers .englist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .engineers .englist .engom {
      display: inline-block;
      vertical-align: top;
      width: calc(446 / 1440 * 100%);
      margin-right: calc(50 / 1440 * 100%);
      margin-bottom: 0.5rem; }
      .engineers .englist .engom a {
        width: 100%;
        display: block; }
      .engineers .englist .engom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .engineers .englist .engom .imgs .img {
          width: 100%;
          padding-top: 67.26%;
          transition: all ease 0.5s; }
      .engineers .englist .engom .xim {
        width: 100%;
        color: #333;
        margin-top: 0.1rem;
        line-height: 1.5;
        text-align: center; }
    .engineers .englist .engom:nth-child(3n) {
      margin-right: 0; }
    .engineers .englist .engom:hover .imgs .img {
      transform: scale(1.1); }
    .engineers .englist .engom:hover .xim {
      color: var(--ghemes); }

.newsd {
  width: 100%;
  padding: 0.8rem 0; }
  .newsd .newslist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .newsd .newslist .newom {
      display: inline-block;
      vertical-align: top;
      width: calc(446 / 1440 * 100%);
      margin-right: calc(50 / 1440 * 100%);
      margin-bottom: 0.5rem; }
      .newsd .newslist .newom a {
        width: 100%;
        display: block; }
      .newsd .newslist .newom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .newsd .newslist .newom .imgs .img {
          width: 100%;
          padding-top: 62.78%;
          transition: all ease 0.5s; }
      .newsd .newslist .newom .rom {
        width: 100%;
        margin-top: 0.2rem; }
        .newsd .newslist .newom .rom .time {
          width: 100%;
          color: #888;
          line-height: 1.5; }
          .newsd .newslist .newom .rom .time span {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -0.02rem;
            width: 18px;
            margin-right: 0.08rem; }
            .newsd .newslist .newom .rom .time span img {
              width: 100%;
              display: block; }
            .newsd .newslist .newom .rom .time span img:first-child {
              display: block; }
            .newsd .newslist .newom .rom .time span img:last-child {
              display: none; }
        .newsd .newslist .newom .rom .xit {
          width: 100%;
          color: #333;
          line-height: 1.4;
          margin: 0.12rem 0; }
        .newsd .newslist .newom .rom .sim {
          width: 100%;
          color: #888;
          line-height: 1.5; }
    .newsd .newslist .newom:nth-child(3n) {
      margin-right: 0; }
    .newsd .newslist .newom:hover .imgs .img {
      transform: scale(1.1); }
    .newsd .newslist .newom:hover .rom .time span img:first-child {
      display: none; }
    .newsd .newslist .newom:hover .rom .time span img:last-child {
      display: block; }
    .newsd .newslist .newom:hover .rom .xit {
      color: var(--ghemes); }

.details {
  width: 100%;
  padding: 0.8rem 0; }
  .details .detail {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    align-items: flex-start; }
    .details .detail .del {
      display: inline-block;
      vertical-align: top;
      width: calc(1000 / 1440 * 100%); }
      .details .detail .del .dit {
        width: 100%;
        color: #333;
        font-weight: bold;
        line-height: 1.4; }
      .details .detail .del .dim {
        width: 100%;
        font-size: 0;
        padding: 0.35rem 0; }
        .details .detail .del .dim .cm {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #333;
          line-height: 1.5; }
          .details .detail .del .dim .cm span {
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            margin-right: 0.06rem;
            position: relative;
            top: -0.02rem; }
            .details .detail .del .dim .cm span img {
              width: 100%;
              display: block; }
      .details .detail .del .dinp {
        width: 100%;
        padding: 0.4rem 0;
        border-top: solid 1px #eee;
        border-bottom: solid 1px #eee;
        color: #333;
        line-height: 1.75; }
        .details .detail .del .dinp span, .details .detail .del .dinp p {
          color: #333;
          line-height: 1.75; }
      .details .detail .del .back {
        width: 100%;
        font-size: 0;
        margin-top: 0.5rem; }
        .details .detail .del .back a {
          display: inline-block;
          vertical-align: middle;
          background-color: var(--ghemes);
          color: #fff;
          line-height: 2.6;
          border-radius: 1.3em;
          padding: 0 0.4rem; }
        .details .detail .del .back a:hover {
          background-color: var(--themes); }
    .details .detail .der {
      display: inline-block;
      vertical-align: top;
      width: calc(350 / 1440 * 100%);
      position: sticky;
      top: 1rem; }
      .details .detail .der .dir {
        width: 100%;
        color: #333;
        line-height: 1.3;
        margin-bottom: 0.3rem; }
      .details .detail .der .derlis {
        width: 100%; }
        .details .detail .der .derlis .derm {
          width: 100%; }
          .details .detail .der .derlis .derm a {
            width: 100%;
            display: block; }
          .details .detail .der .derlis .derm .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .details .detail .der .derlis .derm .imgs .img {
              width: 100%;
              padding-top: 62.85%;
              transition: all ease 0.5s; }
          .details .detail .der .derlis .derm .eim {
            width: 100%;
            color: #333;
            line-height: 1.5;
            margin-top: 0.1rem; }
        .details .detail .der .derlis .derm + .derm {
          margin-top: 0.25rem; }
        .details .detail .der .derlis .derm:hover .imgs .img {
          transform: scale(1.1); }
        .details .detail .der .derlis .derm:hover .eim {
          color: var(--ghemes); }

.content {
  width: 100%; }

.cotem {
  width: 100%; }

.tanct {
  width: 100%;
  padding: 0.8rem 0; }
  .tanct .cevom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #f4f8fb; }
    .tanct .cevom .cel {
      display: inline-block;
      vertical-align: middle;
      width: calc(940 / 1440 * 100%); }
      .tanct .cevom .cel .imgs {
        width: 100%; }
        .tanct .cevom .cel .imgs img {
          width: 100%;
          display: block; }
    .tanct .cevom .cer {
      display: flex;
      flex-wrap: wrap;
      width: calc(500 / 1440 * 100%);
      padding: 0.4rem 0.5rem;
      align-content: center; }
      .tanct .cevom .cer .cerlis {
        width: 100%; }
        .tanct .cevom .cer .cerlis .cerm {
          width: 100%;
          font-size: 0; }
          .tanct .cevom .cer .cerlis .cerm .icm {
            display: inline-block;
            vertical-align: middle;
            width: 0.8rem;
            height: 0.8rem;
            position: relative; }
            .tanct .cevom .cer .cerlis .cerm .icm .ic {
              width: 100%;
              display: block; }
              .tanct .cevom .cer .cerlis .cerm .icm .ic img {
                width: 100%;
                display: block; }
              .tanct .cevom .cer .cerlis .cerm .icm .ic img:first-child {
                display: block; }
              .tanct .cevom .cer .cerlis .cerm .icm .ic img:last-child {
                display: none; }
            .tanct .cevom .cer .cerlis .cerm .icm .mi {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              z-index: 2; }
              .tanct .cevom .cer .cerlis .cerm .icm .mi img {
                width: 100%;
                display: block; }
          .tanct .cevom .cer .cerlis .cerm .rem {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 0.8rem - 0.3rem);
            margin-left: 0.3rem; }
            .tanct .cevom .cer .cerlis .cerm .rem .et {
              width: 100%;
              color: #333;
              line-height: 1.5; }
            .tanct .cevom .cer .cerlis .cerm .rem .pm {
              width: 100%;
              color: #333;
              line-height: 1.5;
              font-weight: bold;
              margin-top: 0.08rem; }
        .tanct .cevom .cer .cerlis .cerm + .cerm {
          margin-top: 0.3rem; }
        .tanct .cevom .cer .cerlis .cerm:nth-child(2n) .icm .ic img:first-child {
          display: none; }
        .tanct .cevom .cer .cerlis .cerm:nth-child(2n) .icm .ic img:last-child {
          display: block; }

.message {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f4f8fb; }
  .message .form {
    width: 100%;
    display: block; }
    .message .form .row {
      width: 100%;
      font-size: 0; }
    .message .form .input {
      display: inline-block;
      vertical-align: top;
      width: calc(700 / 1440 * 100%);
      margin-right: calc(39 / 1440 * 100%);
      background-color: #fff;
      margin-bottom: 0.3rem;
      padding: 0 0.3rem; }
      .message .form .input .name {
        display: inline-block;
        vertical-align: middle;
        color: #333;
        line-height: 3.2;
        width: 4em; }
      .message .form .input .sin {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 4em);
        color: #333;
        line-height: 3.2;
        border: none; }
    .message .form .input:nth-child(2n) {
      margin-right: 0; }
    .message .form .text {
      width: 100%;
      background-color: #fff;
      padding: 0.12rem; }
      .message .form .text .name {
        width: 100%;
        color: #333;
        line-height: 2.2; }
      .message .form .text .area {
        width: 100%;
        display: block;
        border: none;
        color: #333;
        line-height: 1.75; }
    .message .form .sub {
      width: 100%;
      font-size: 0;
      margin-top: 0.4rem;
      text-align: center; }
      .message .form .sub .stn {
        display: inline-block;
        vertical-align: middle;
        background-color: var(--themes);
        color: #fff;
        line-height: 2.5;
        padding: 0 0.4rem;
        border-radius: 1.25em;
        border: none;
        cursor: pointer; }

.customers {
  width: 100%;
  padding: 0.8rem 0; }
  .customers .custper {
    width: 100%; }
    .customers .custper .swiper-slide {
      width: 100%;
      position: relative;
      cursor: pointer;
      height: auto;
      background-color: #f9f9f9; }
      .customers .custper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .customers .custper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 66.22%;
          transition: all ease 0.5s; }
      .customers .custper .swiper-slide .com {
        width: 100%;
        padding: 0.36rem 0.25rem;
        text-align: center; }
        .customers .custper .swiper-slide .com .vit {
          width: 100%;
          color: #333;
          line-height: 1.5; }
        .customers .custper .swiper-slide .com .sinp {
          width: 100%;
          color: #333;
          line-height: 1.75;
          margin-top: 0.2rem; }
          .customers .custper .swiper-slide .com .sinp p {
            color: #333;
            line-height: 1.75; }
    .customers .custper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
  .customers .provide {
    width: 100%;
    background-color: #f9f9f9;
    padding: 0.5rem;
    margin-top: 0.8rem; }
    .customers .provide .pit {
      width: 100%;
      text-align: center;
      color: #333;
      line-height: 1.5;
      margin-bottom: 0.5rem; }
    .customers .provide .prvoer {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .customers .provide .prvoer .prtm {
        display: inline-block;
        vertical-align: top;
        width: 16.66%;
        text-align: center; }
        .customers .provide .prvoer .prtm .ic {
          width: 1rem;
          height: 1rem;
          display: block;
          margin: 0 auto 0.22rem;
          position: relative; }
          .customers .provide .prvoer .prtm .ic .cg {
            width: 100%;
            height: 100%;
            display: block; }
          .customers .provide .prvoer .prtm .ic .cc {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: block;
            z-index: 2; }
        .customers .provide .prvoer .prtm .vt {
          width: 100%;
          text-align: center;
          color: #333;
          line-height: 1.5; }

.heafety {
  width: 100%;
  padding: 0.8rem 0; }
  .heafety .heafom {
    width: 100%; }
    .heafety .heafom .heitm {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      font-size: 0;
      align-items: center; }
      .heafety .heafom .heitm .hel {
        display: inline-block;
        vertical-align: middle;
        width: calc(720 / 1440 * 100%);
        position: relative; }
        .heafety .heafom .heitm .hel .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .heafety .heafom .heitm .hel .imgs .img {
            width: 100%;
            padding-top: 58.33%;
            transition: all ease 0.5s; }
      .heafety .heafom .heitm .her {
        display: inline-block;
        vertical-align: middle;
        width: calc(630 / 1440 * 100%); }
        .heafety .heafom .heitm .her .hir {
          width: 100%;
          color: #333;
          font-weight: bold;
          line-height: 1.5;
          margin-bottom: 0.24rem; }
        .heafety .heafom .heitm .her .hinp {
          width: 100%;
          color: #333;
          line-height: 1.75; }
          .heafety .heafom .heitm .her .hinp p {
            color: #333;
            line-height: 1.75; }
    .heafety .heafom .heitm + .heitm {
      margin-top: 0.8rem; }
    .heafety .heafom .heitm:nth-child(2n) {
      flex-direction: row-reverse; }

.downers {
  width: 100%;
  padding: 0.8rem 0; }
  .downers .wonelis {
    width: 100%; }
    .downers .wonelis .tr {
      width: 100%;
      background-color: #f8fbfe;
      padding: 0.2rem 0.5rem;
      display: flex;
      align-items: center;
      position: relative; }
    .downers .wonelis .tr:nth-child(2n) {
      background-color: #fff; }
    .downers .wonelis .name {
      display: inline-block;
      vertical-align: middle;
      width: calc(40%);
      text-align: left;
      color: #333;
      line-height: 1.5; }
      .downers .wonelis .name span {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -0.02rem;
        width: 22px;
        margin-right: 0.3rem; }
        .downers .wonelis .name span img {
          width: 100%;
          display: block; }
        .downers .wonelis .name span img:first-child {
          display: block; }
        .downers .wonelis .name span img:last-child {
          display: none; }
    .downers .wonelis .time, .downers .wonelis .size, .downers .wonelis .cool {
      width: 20%;
      text-align: center;
      display: inline-block;
      vertical-align: middle; }
    .downers .wonelis .xm {
      display: inline-block;
      vertical-align: middle;
      color: #333;
      line-height: 1.8; }
      .downers .wonelis .xm span {
        display: inline-block;
        vertical-align: middle;
        width: 19px;
        margin-right: 0.08rem;
        position: relative;
        top: -0.02rem; }
        .downers .wonelis .xm span img {
          width: 100%;
          display: block; }
        .downers .wonelis .xm span img:first-child {
          display: block; }
        .downers .wonelis .xm span img:last-child {
          display: none; }
    .downers .wonelis .asm {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 2; }
    .downers .wonelis .tr.on .name {
      color: var(--themes); }
      .downers .wonelis .tr.on .name span img:first-child {
        display: none; }
      .downers .wonelis .tr.on .name span img:last-child {
        display: block; }
    .downers .wonelis .tr.on .xm {
      color: var(--themes); }
      .downers .wonelis .tr.on .xm span img:first-child {
        display: none; }
      .downers .wonelis .tr.on .xm span img:last-child {
        display: block; }
    .downers .wonelis .tr.head {
      background-color: var(--ghemes); }
      .downers .wonelis .tr.head .name, .downers .wonelis .tr.head .size, .downers .wonelis .tr.head .time, .downers .wonelis .tr.head .cool {
        color: #fff; }
        .downers .wonelis .tr.head .name span, .downers .wonelis .tr.head .size span, .downers .wonelis .tr.head .time span, .downers .wonelis .tr.head .cool span {
          opacity: 0; }

@media (max-width: 800px) {
  .downers .wonelis .name {
    width: 70%; }
  .downers .wonelis .size, .downers .wonelis .time {
    display: none; }
  .downers .wonelis .cool {
    width: 30%; } }
<!--0.00027990341186523-->