@charset "UTF-8";
.w1600 {
  width: 16rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%; }

@media (max-width: 1620px) {
  .w1600 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1600 {
    width: 94%; } }
:root {
  --themes: #0162b1; }

  header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 20;
    background-color: #fff;
    transition: all ease 0.5s;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1); }
    header .hop {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
    header .lopm {
      width: auto;
      display: inline-block;
      vertical-align: middle; }
      header .lopm .logo {
        display: inline-block;
        vertical-align: middle;
        width: 2.82rem; }
        header .lopm .logo a, header .lopm .logo img {
          width: 100%;
          display: block; }
      header .lopm .lx {
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        background-color: #f5f5f5;
        height: 0.57rem;
        margin: 0 0.2rem; }
      header .lopm .dom {
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
        header .lopm .dom .pr {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.5; }
        header .lopm .dom .pf {
          width: 100%;
          color: #c7000b;
          font-weight: bold;
          line-height: 1.5; }
    header .rav {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      header .rav .menu {
        display: none; }
      header .rav .search {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        text-align: center;
        cursor: pointer;
        position: relative;
        margin-left: 0.35rem;
        width: 0.2rem;
        height: 1rem; }
        header .rav .search .sc {
          display: inline-block;
          vertical-align: middle;
          width: 0.2rem;
          min-width: 16px;
          min-height: 16px;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          z-index: 3; }
          header .rav .search .sc img {
            width: 100%;
            display: block; }
      header .rav .sechom {
        position: absolute;
        z-index: 3;
        right: 0;
        width: 4rem;
        background-color: #fff;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
        padding: 0.1rem;
        top: 100%;
        display: none; }
        header .rav .sechom form {
          width: 100%;
          display: block;
          font-size: 0; }
        header .rav .sechom .input {
          display: inline-block;
          vertical-align: middle;
          width: calc(100% - 2.4em - 0.2rem);
          border: solid 1px #e5e5e5;
          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: 22px;
            height: 21px;
            width: 0.22rem;
            height: 0.21rem;
            display: block;
            border-radius: 50%;
            cursor: pointer;
            z-index: 1;
            filter: grayscale(100%) brightness(400%); }
          header .rav .sechom .stn input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 50%;
            cursor: pointer;
            z-index: 3;
            opacity: 0; }
      header .rav .languages {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        margin: 0 0.1rem;
        text-align: left;
        margin-right: 0rem; }
        header .rav .languages .lauges {
          width: 100%;
          display: inline-block;
          vertical-align: middle;
          position: relative; }
          header .rav .languages .lauges .lashow {
            width: 100%;
            color: #333;
            position: relative;
            cursor: pointer;
            font-size: 0;
            padding-right: 12px; }
            header .rav .languages .lauges .lashow .ac {
              display: inline-block;
              vertical-align: middle;
              width: 0.2rem;
              height: 0.2rem;
              min-width: 16px;
              min-height: 16px;
              margin-right: 0.1rem;
              display: none; }
              header .rav .languages .lauges .lashow .ac img {
                width: 100%;
                display: block; }
            header .rav .languages .lauges .lashow .am {
              color: #333;
              line-height: 0.8rem;
              display: inline-block;
              vertical-align: middle;
              width: auto; }
            header .rav .languages .lauges .lashow:after {
              content: ' ';
              position: absolute;
              right: 0rem;
              top: calc(49% + 0.015rem);
              transform: translateY(-50%);
              background-image: url("../images/x.png");
              width: 9px;
              height: 6px;
              background-size: 100%; }
          header .rav .languages .lauges .lashow:hover .am {
            color: var(--themes); }
          header .rav .languages .lauges .language {
            position: absolute;
            z-index: 10;
            top: 100%;
            width: 100%;
            display: none;
            width: 60px;
            width: 1rem;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 0 0 0.1rem 0.1rem;
            overflow: hidden; }
            header .rav .languages .lauges .language .latem {
              width: 100%; }
              header .rav .languages .lauges .language .latem a {
                width: 100%;
                display: block;
                color: #333;
                padding: 0 0.1rem;
                line-height: 3;
                text-align: center;
                position: relative;
                background: #efefef;
                overflow: hidden; }
                header .rav .languages .lauges .language .latem a span {
                  display: inline-block;
                  vertical-align: middle;
                  position: relative;
                  z-index: 2; }
                header .rav .languages .lauges .language .latem a:after {
                  content: "";
                  position: absolute;
                  width: 140%;
                  height: 100%;
                  left: -10%;
                  top: 0;
                  z-index: -1;
                  background: #fff;
                  z-index: 1; }
              header .rav .languages .lauges .language .latem a:hover {
                color: #fff; }
                header .rav .languages .lauges .language .latem a:hover span {
                  color: #fff; }
                header .rav .languages .lauges .language .latem a:hover:after {
                  background-color: var(--themes); }
            header .rav .languages .lauges .language .latem:last-child {
              border-radius: 0 0 0.1rem 0.1rem;
              overflow: hidden; }
      header .rav .insern {
        display: inline-block;
        vertical-align: middle;
        width: 2.6rem;
        margin-right: 0.15rem;
        position: relative;
        text-align: left; }
        header .rav .insern form {
          width: 100%;
          display: block;
          font-size: 0;
          border: solid 1px #333;
          padding: 0 0.15rem;
          border-radius: 0.1rem;
          position: relative;
          z-index: 3;
          background-color: #fff; }
        header .rav .insern .inc {
          width: calc(100% - 21px);
          display: inline-block;
          vertical-align: middle; }
          header .rav .insern .inc .sid {
            width: 100%;
            border: none;
            background-color: transparent;
            line-height: 2.6;
            height: 2.6em;
            display: block;
            padding-right: 0.15rem; }
        header .rav .insern .stn {
          display: inline-block;
          vertical-align: middle;
          width: 21px;
          height: 21px;
          position: relative; }
          header .rav .insern .stn img {
            width: 100%;
            display: block; }
          header .rav .insern .stn .suc {
            position: absolute;
            z-index: 2;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            cursor: pointer;
            opacity: 0; }
        header .rav .insern .sernuls {
          width: 100%;
          position: absolute;
          z-index: 2;
          top: calc(100% - 0.1rem);
          left: 0;
          right: 0;
          padding: 0.3rem 0.15rem 0.15rem;
          background-color: rgba(255, 255, 255, 0.8);
          border: solid 1px #333;
          border-radius: 0 0 0.1rem 0.1rem;
          display: none; }
          header .rav .insern .sernuls .pli {
            width: 100%; }
            header .rav .insern .sernuls .pli a {
              width: 100%;
              display: block;
              color: #333;
              line-height: 1.5;
              padding: 0.05rem 0; }
            header .rav .insern .sernuls .pli a:hover {
              color: var(--themes); }
    header nav {
      display: inline-block;
      vertical-align: middle;
      flex: 1;
      text-align: center; }
      header nav .natem {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        text-align: center;
        font-size: 0; }
        header nav .natem .nas {
          width: auto;
          display: inline-block;
          position: relative;
          margin: 0 0.15rem; }
          header nav .natem .nas a {
            display: inline-block;
            line-height: 1rem;
            color: #333;
            position: relative; }
          header nav .natem .nas:after {
            content: ' ';
            position: absolute;
            left: 50%;
            bottom: 0rem;
            transform: translateX(-50%);
            opacity: 0;
            width: 100%;
            height: 0.03rem;
            transition: all ease 0.5s;
            background-color: var(--themes); }
        header nav .natem .navuls {
          width: 2.2rem;
          width: 1.8rem;
          position: absolute;
          z-index: 101;
          left: calc(50%);
          top: 100%;
          transform: translateX(-50%);
          background-color: white;
          display: none;
          overflow: hidden; }
          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.on .nas a {
        color: var(--themes);
        font-weight: bold; }
      header nav .natem.on .nas:after {
        opacity: 1; }
      header nav .natem:hover .nas a {
        color: var(--themes);
        font-weight: bold; }
      header nav .natem:hover .nas:after {
        opacity: 1; }
  
  @media (max-width: 1300px) {
    header {
      padding: 0.05rem 0;
      height: 1rem; }
      header nav {
        width: 100%;
        position: fixed;
        right: 0;
        top: calc(1rem);
        left: auto;
        height: calc(100vh - 1rem);
        background-color: #fff;
        margin-right: 0;
        overflow: auto;
        z-index: 500;
        transition: transform .3s;
        padding: 0rem 0.2rem;
        display: block;
        text-align: left;
        display: none;
        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 .rav {
        flex: 1;
        text-align: right; }
        header .rav .sechom {
          width: 100vw;
          position: fixed;
          left: 50%;
          right: auto;
          transform: translateX(-50%); }
        header .rav .menu {
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          height: 24px;
          margin-left: 0.1rem;
          cursor: pointer;
          position: relative; }
          header .rav .menu img {
            width: 100%;
            height: 100%;
            display: block; }
          header .rav .menu .clk {
            width: 100%;
            height: 100%;
            text-align: center;
            color: #333;
            font-size: 20px;
            line-height: 24px;
            text-align: center;
            position: absolute;
            z-index: 3;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: none; }
  
    header.menu-state .rav .menu img {
      opacity: 0; } }

.banner {

  width: 100%;

  position: relative; }

  .banner .swiper-slide {

    width: 100%;

    padding: 0.85rem 0;

    overflow: hidden;

    height: auto; }

    .banner .swiper-slide .bamen {

      width: 100%;

      font-size: 0;

      width: 14rem;

      max-width: 90%;

      margin: 0 auto;

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      justify-content: space-between; }

      .banner .swiper-slide .bamen .imgs {

        display: inline-block;

        vertical-align: middle;

        width: calc(730 / 1400 * 100%);

        position: relative;

        overflow: hidden;

        opacity: 0;

        transform: translate3d(-35%, 0, 0);

        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }

        .banner .swiper-slide .bamen .imgs .img {

          width: 100%;

          padding-top: 89.06%;

          transition: all ease 0.5s; }

      .banner .swiper-slide .bamen .romd {

        display: inline-block;

        vertical-align: middle;

        width: calc(600 / 1400 * 100%);

        opacity: 0;

        transform: translate3d(35%, 0, 0);

        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }

        .banner .swiper-slide .bamen .romd .rit {

          width: 100%;

          font-weight: bold;

          color: var(--themes);

          line-height: 1.2; }

          .banner .swiper-slide .bamen .romd .rit p {

            font-weight: bold;

            color: var(--themes);

            line-height: 1.2; }

        .banner .swiper-slide .bamen .romd .xim {

          width: 100%;

          color: #666;

          line-height: 1.6;

          margin-top: 0.2rem; }

          .banner .swiper-slide .bamen .romd .xim p {

            color: #666;

            line-height: 1.6; }

        .banner .swiper-slide .bamen .romd .more {

          width: 100%;

          font-size: 0;

          margin-top: 0.5rem; }

          .banner .swiper-slide .bamen .romd .more a {

            display: inline-block;

            vertical-align: middle;

            background-color: var(--themes);

            color: #fff;

            padding: 0 0.3rem;

            line-height: 3;

            border-radius: 1.5em;

            cursor: pointer;

            transition: all ease 0.5s; }

          .banner .swiper-slide .bamen .romd .more a:hover {

            transform: scale(1.1); }

  .banner .swiper-slide-active .bamen .imgs, .banner .swiper-slide-active .bamen .romd {

    opacity: 1;

    transform: translate3d(0, 0, 0); }

  .banner .swiper-pagination {

    position: absolute;

    z-index: 5;

    bottom: 0.28rem;

    left: calc(160 / 1920 * 100% );

    font-size: 0;

    width: auto; }

  .banner .swiper-pagination-bullet {

    display: inline-block;

    vertical-align: middle;

    width: 0.35rem;

    height: 2px;

    opacity: 1;

    background-color: rgba(0, 0, 0, 0.1); }

  .banner .swiper-pagination-bullet-active {

    background-color: var(--themes); }



@media (max-width: 800px) {

  .banner .swiper-slide .bamen .imgs {

    width: 100%;

    margin-bottom: 20px; }

  .banner .swiper-slide .bamen .romd {

    width: 100%;

    min-height: 4rem; } }

footer {

  width: 100%;

  background-color: #111; }

  footer .ftop {

    width: 100%;

    border-top: solid 1px rgba(255, 255, 255, 0.08); }

  footer .fop {

    width: 100%;

    padding: 0.8rem 0 1rem;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    footer .fop .fit {

      width: 100%;

      font-size: 0;

      margin-bottom: 0.2rem; }

      footer .fop .fit a {

        display: inline-block;

        vertical-align: middle;

        color: #fff;

        line-height: 1.4;

        font-weight: bold;

        transition: all ease 0.5s;

        padding: 0.06rem 0; }

      footer .fop .fit a:hover {

        color: var(--themes); }

    footer .fop .fol {

      display: inline-block;

      vertical-align: top;

      width: calc(380 / 1600 * 100%); }

      footer .fop .fol .fum {

        width: 100%;

        color: var(--themes);

        line-height: 1.2; }

      footer .fop .fol .dul {

        width: 100%;

        font-size: 0;

        margin-top: 0.2rem; }

        footer .fop .fol .dul .dli {

          width: 100%;

          font-size: 0; }

          footer .fop .fol .dul .dli .dc {

            display: inline-block;

            vertical-align: top;

            width: 0.22rem;

            height: 0.22rem;

            min-width: 16px;

            min-height: 16px;

            margin-right: 0.12rem;

            margin-top: calc(0.875em - 0.11rem); }

            footer .fop .fol .dul .dli .dc img {

              width: 100%;

              display: block; }

          footer .fop .fol .dul .dli .dm {

            display: inline-block;

            vertical-align: top;

            width: calc(100% - 0.22rem - 0.12rem);

            max-width: calc(100% - 16px - 0.12rem);

            color: #666;

            line-height: 1.75; }

    footer .fop .fom {

      display: inline-block;

      vertical-align: top;

      width: calc(1000 / 1600 * 100%); }

      footer .fop .fom .flist {

        display: inline-block;

        vertical-align: top;

        width: calc(200 / 1000 * 100%);

        padding-right: 0.2rem;

        text-align: left; }

        footer .fop .fom .flist .ful {

          width: 100%;

          padding-right: 0.2rem; }

          footer .fop .fom .flist .ful a {

            width: 100%;

            display: inline-block;

            vertical-align: top;

            color: #666;

            transition: all ease 0.5s;

            line-height: 2;

            line-height: 1.5;

            padding: 0.05rem 0; }

          footer .fop .fom .flist .ful a:hover {

            color: #fff; }

          footer .fop .fom .flist .ful div {

            width: 100%;

            display: inline-block;

            vertical-align: middle;

            color: #666;

            line-height: 2;

            transition: all ease 0.5s; }

    footer .fop .for {

      display: inline-block;

      vertical-align: top;

      width: auto; }

      footer .fop .for .comd {

        width: 100%; }

        footer .fop .for .comd .cm {

          width: 100%; }

          footer .fop .for .comd .cm img {

            width: 100%;

            display: block; }

        footer .fop .for .comd .cim {

          width: 100%;

          color: #666;

          line-height: 1.5;

          margin-top: 0.1rem; }

  footer .fbot {

    width: 100%;

    border-top: solid 1px rgba(255, 255, 255, 0.08); }

  footer .fob {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    padding: 0.24rem 0; }

    footer .fob .fbm {

      display: inline-block;

      vertical-align: middle; }

      footer .fob .fbm .fm {

        display: inline-block;

        vertical-align: middle;

        color: #666;

        line-height: 1.75; }



@media (max-width: 800px) {

  footer .fop {

    padding: 0.3rem 0; }

    footer .fop .fol {

      width: 100%;

      margin-bottom: 10px;

      order: 1;

      width: calc(100% - 2.4rem - 0.2rem);

      margin-right: 0.2rem; }

    footer .fop .fom {

      width: 100%;

      margin: 0.3rem 0 0.3rem;

      order: 3; }

      footer .fop .fom .flist {

        width: 100%;

        border-bottom: solid 1px rgba(255, 255, 255, 0.15);

        position: relative; }

        footer .fop .fom .flist .fit {

          width: 100%;

          margin-bottom: 0;

          padding: 0.3rem 0; }

        footer .fop .fom .flist .lx {

          display: none; }

        footer .fop .fom .flist .ful {

          width: 100%;

          font-size: 0;

          padding-bottom: 0.15rem;

          display: none; }

          footer .fop .fom .flist .ful a {

            line-height: 2; }

      footer .fop .fom .flist:first-child {

        border-top: solid 1px rgba(255, 255, 255, 0.15); }

      footer .fop .fom .flist.has-ful:after {

        content: " ";

        display: inline-block;

        width: 14px;

        height: 8px;

        background-image: url("../images/xx.png");

        background-position: center;

        background-size: 100% 100%;

        text-align: center;

        position: absolute;

        right: 0.2rem;

        left: auto;

        transform: translateX(0) rotate(0deg);

        top: 0.5rem;

        color: #333;

        border: none;

        transition: all ease 0.5s; }

      footer .fop .fom .flist.has-ful.show:after {

        content: " ";

        transform: translateX(0) rotate(180deg); }

    footer .fop .for {

      width: 100%;

      display: block;

      max-width: 2.4rem;

      margin: 0 auto;

      text-align: center;

      padding: 0 0.2rem;

      order: 2; } }

.parnters {

  width: 100%;

  font-size: 0;

  padding: 0.25rem 0;

  background-color: #111; }

  .parnters .parnter {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    .parnters .parnter .pal {

      display: inline-block;

      vertical-align: middle;

      width: 2rem;

      padding-right: 0.15rem; }

      .parnters .parnter .pal .pit {

        width: 100%;

        color: #fff;

        font-weight: bold;

        line-height: 1.5; }

    .parnters .parnter .par {

      display: inline-block;

      vertical-align: middle;

      width: calc(100% - 2rem); }

      .parnters .parnter .par .swiper-slide {

        width: 100%; }

        .parnters .parnter .par .swiper-slide a {

          width: 100%;

          display: block; }

        .parnters .parnter .par .swiper-slide .imgs {

          width: 100%;

          position: relative;

          overflow: hidden; }

          .parnters .parnter .par .swiper-slide .imgs .img {

            width: 100%;

            padding-top: 50%;

            transition: all ease 0.5s; }

      .parnters .parnter .par .swiper-slide:hover .imgs .img {

        transform: scale(1.1); }



.modular {

  width: 100%; }

  .modular .mitop {

    width: 100%;

    text-align: center;

    margin-bottom: 0.5rem; }

    .modular .mitop .mit {

      width: 100%;

      color: #000;

      font-weight: bold;

      line-height: 1.4; }

    .modular .mitop .mim {

      width: 100%;

      color: #999;

      line-height: 1.5; }



.newsper {

  width: 100%;

  padding: 0.8rem 0; }

  .newsper .newsom {

    width: 100%; }

  .newsper .newper {

    width: 100%; }

    .newsper .newper .swiper-slide {

      width: 100%; }

      .newsper .newper .swiper-slide a {

        width: 100%;

        display: block; }

      .newsper .newper .swiper-slide .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .newsper .newper .swiper-slide .imgs .img {

          width: 100%;

          padding-top: 88%;

          transition: all ease 0.5s; }

      .newsper .newper .swiper-slide .pom {

        width: 100%;

        padding: 0.25rem 0 0.15rem; }

        .newsper .newper .swiper-slide .pom .time {

          width: 100%;

          color: #666;

          line-height: 1.6; }

        .newsper .newper .swiper-slide .pom .pim {

          width: 100%;

          color: #000;

          line-height: 1.5;

          height: 3em; }

    .newsper .newper .swiper-slide:hover .imgs .img {

      transform: scale(1.1); }

    .newsper .newper .swiper-slide:hover .pom .pim {

      color: var(--themes); }



.abouts {

  width: 100%;

  font-size: 0;

  display: flex;

  flex-wrap: wrap; }

  .abouts .abl {

    display: inline-block;

    vertical-align: middle;

    width: calc(810 / 1920 * 100%);

    position: relative; }

    .abouts .abl .imgs {

      width: 100%;

      position: relative;

      overflow: hidden; }

      .abouts .abl .imgs .img {

        width: 100%;

        padding-top: 98.76%; }

      .abouts .abl .imgs .play {

        position: absolute;

        z-index: 3;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 0.93rem;

        cursor: pointer;

        transition: all ease 0.5s; }

        .abouts .abl .imgs .play img {

          width: 100%;

          display: block; }

      .abouts .abl .imgs .play:hover {

        transform: translate(-50%, -50%) scale(1.1); }

  .abouts .abr {

    width: calc(1110 / 1920 * 100%);

    display: flex;

    flex-wrap: wrap;

    align-content: center;

    padding: 0.5rem calc(160 / 1920 * 100%) 0.5rem 1rem; }

    .abouts .abr .ait {

      width: 100%;

      color: #000;

      line-height: 1.3;

      font-weight: bold;

      margin-bottom: 0.1rem; }

    .abouts .abr .aid {

      width: 100%;

      color: #999;

      line-height: 1.5; }

    .abouts .abr .lx {

      width: 0.45rem;

      height: 0.04rem;

      display: block;

      margin: 0.25rem 0;

      background-color: var(--themes); }

    .abouts .abr .pid {

      width: 100%;

      color: #666;

      line-height: 1.5; }

      .abouts .abr .pid p {

        color: #666;

        line-height: 1.5; }

    .abouts .abr .more {

      width: 100%;

      font-size: 0;

      margin-top: 0.5rem; }

      .abouts .abr .more a {

        display: inline-block;

        vertical-align: middle;

        background-color: var(--themes);

        color: #fff;

        padding: 0 0.3rem;

        line-height: 3;

        border-radius: 1.5em;

        cursor: pointer;

        transition: all ease 0.5s; }

      .abouts .abr .more a:hover {

        transform: scale(1.1); }



.cases {

  width: 100%;

  padding: 0.8rem 0; }

  .cases .caspers {

    width: 100%;

    position: relative; }

    .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: 50%;

          transition: all ease 0.5s; }

      .cases .caspers .swiper-slide .pom {

        position: absolute;

        bottom: 0;

        width: 100%;

        left: 0;

        right: 0;

        background-color: rgba(1, 98, 177, 0.8);

        padding: 0.1rem 0.2rem; }

        .cases .caspers .swiper-slide .pom .pim {

          width: 100%;

          text-align: center;

          color: #fff;

          line-height: 1.5; }

    .cases .caspers .swiper-slide:hover .imgs .img {

      transform: scale(1.1); }

    .cases .caspers .btn {

      position: absolute;

      z-index: 3;

      top: 50%;

      transform: translateY(-50%);

      width: 0.15rem;

      width: 0.5rem;

      height: 0.5rem;

      background-color: #fff;

      cursor: pointer; }

      .cases .caspers .btn img {

        width: 0.15rem;

        display: block;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%); }

      .cases .caspers .btn img:first-child {

        display: block; }

      .cases .caspers .btn img:last-child {

        display: none; }

    .cases .caspers .btn:hover img:first-child {

      display: none; }

    .cases .caspers .btn:hover img:last-child {

      display: block; }

    .cases .caspers .bl {

      left: calc(160 / 1920 * 100%); }

    .cases .caspers .br {

      right: calc(160 / 1920 * 100%); }



.products {

  width: 100%;

  font-size: 0;

  padding: 0.8rem 0 1rem;

  position: relative;

  z-index: 4; }

  .products .produtlis {

    width: 100%;

    font-size: 0; }

    .products .produtlis .prodem {

      display: inline-block;

      vertical-align: top;

      width: calc(780 / 1600 * 100%);

      margin-right: calc(39 / 1600 * 100%);

      margin-bottom: 0.3rem;

      position: relative; }

      .products .produtlis .prodem a {

        width: 100%;

        display: block; }

      .products .produtlis .prodem .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .products .produtlis .prodem .imgs .img {

          width: 100%;

          padding-top: 51.28%;

          transition: all ease 0.5s; }

        .products .produtlis .prodem .imgs .bkm {

          position: absolute;

          left: 0;

          top: 0;

          width: 100%;

          height: 100%;

          z-index: 3; }

      .products .produtlis .prodem .pom {

        position: relative;

        width: 100%;

        padding: 0.1rem 0.2rem; }

        .products .produtlis .prodem .pom .pim {

          width: 100%;

          text-align: center;

          color: #333;

          line-height: 1.5; }

    .products .produtlis .prodem:nth-child(2n) {

      margin-right: 0;

      top: 0.5rem; }

    .products .produtlis .prodem:hover .imgs .img {

      transform: scale(1.1); }

    .products .produtlis .prodem:hover .pom {

      background-color: var(--themes); }

      .products .produtlis .prodem:hover .pom .pim {

        color: #fff; }



@media (max-width: 800px) {

  .products {

    padding: 0.4rem 0; }

    .products .produtlis .prodem {

      width: 100%;

      margin-right: 0;

      margin-bottom: 0rem; }

    .products .produtlis .prodem:nth-child(2n) {

      top: 0; }

    .products .produtlis .prodem + .prodem {

      margin-top: 0.2rem; } }

.nanber {

  width: 100%;

  position: relative; }

  .nanber .imgs {

    width: 100%;

    position: relative; }

    .nanber .imgs .img {

      width: 100%;
      height: 4rem;

      /* padding-top: 28.64%; */
     }

  .nanber .nox {

    position: absolute;

    z-index: 4;

    left: calc(160 / 1920 * 100%);

    top: 50%;

    transform: translateY(-50%);

    width: 70%;

    z-index: 2; }

    .nanber .nox .cm {

      width: 100%;

      color: #fff;

      font-weight: bold;

      line-height: 1.4; }

    .nanber .nox .em {

      width: 100%;

      color: #fff;

      line-height: 1.5;

      margin-top: .0rem; }



@media (max-width: 1620px) {

  .nanber .nox {

    left: 5%;

    width: 90%; } }

@media (max-width: 800px) {

  .nanber .nox {

    left: 3%;

    width: 94%; } }

.crumbs {

  width: 100%; }

  .crumbs .column {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    .crumbs .column .colum {

      width: auto;

      font-size: 0;

      display: inline-block;

      vertical-align: middle; }

      .crumbs .column .colum .home {

        display: inline-block;

        vertical-align: middle;

        width: .2rem;

        height: .2rem;

        min-width: 18px;

        min-height: 18px;

        margin-right: .1rem;

        position: relative;

        top: -0.02rem; }

        .crumbs .column .colum .home img {

          width: 100%;

          display: block; }

      .crumbs .column .colum .sm {

        display: inline-block;

        vertical-align: middle;

        color: #666;

        line-height: .8rem; }

      .crumbs .column .colum a {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        color: #666;

        line-height: .8rem;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis; }

        .crumbs .column .colum a span {

          display: inline-block;

          color: #666;

          line-height: .8rem;

          position: relative;

          margin: 0 .08rem; }

          .crumbs .column .colum a span img {

            width: 100%;

            display: block; }

      .crumbs .column .colum a:hover {

        color: var(--themes); }

      .crumbs .column .colum a:last-child span {

        display: none; }

    .crumbs .column .cur {

      display: inline-block;

      vertical-align: middle;

      width: auto; }

      .crumbs .column .cur .swiper-slide {

        display: inline-block;

        vertical-align: middle;

        margin: 0 .25rem;

        width: auto; }

        .crumbs .column .cur .swiper-slide a {

          display: inline-block;

          vertical-align: middle;

          width: auto;

          line-height: .8rem;

          color: #666;

          position: relative; }

          .crumbs .column .cur .swiper-slide a:after {

            content: ' ';

            position: absolute;

            bottom: 0;

            width: 100%;

            height: .04rem;

            background-color: var(--themes);

            left: 0;

            right: 0;

            opacity: 0; }

      .crumbs .column .cur .swiper-slide.on a {

        color: var(--themes); }

        .crumbs .column .cur .swiper-slide.on a:after {

          opacity: 1; }

    .crumbs .column .cuper {

      width: auto;

      flex: 1;

      display: inline-block;

      vertical-align: middle;

      height: 3.2em;

      position: relative; }

      .crumbs .column .cuper .swiper-container {

        height: 10rem; }
      .crumbs .column .cuper .swiper-wrapper {

/* justify-content: flex-end; */

}

      .crumbs .column .cuper .swiper-slide {

        display: inline-block;

        vertical-align: middle;

        margin: 0 .15rem;

        width: auto;

        height: 3.2em; }

        .crumbs .column .cuper .swiper-slide .coem {

          width: 100%;

          padding: 0 0.15rem; }

          .crumbs .column .cuper .swiper-slide .coem .ns {

            display: inline-block;

            vertical-align: middle; }

          .crumbs .column .cuper .swiper-slide .coem a {

            display: inline-block;

            vertical-align: middle;

            color: #666;

            line-height: 3.2em; }

          .crumbs .column .cuper .swiper-slide .coem .xm {

            display: inline-block;

            vertical-align: middle;

            margin-left: 0.12rem;

            width: 12px;

            transition: all ease 0.5s;

            display: none; }

            .crumbs .column .cuper .swiper-slide .coem .xm img {

              width: 100%;

              display: block; }

            .crumbs .column .cuper .swiper-slide .coem .xm img:first-child {

              display: block; }

            .crumbs .column .cuper .swiper-slide .coem .xm img:last-child {

              display: none; }

        .crumbs .column .cuper .swiper-slide .coem.on {

          background-color: var(--themes); }

          .crumbs .column .cuper .swiper-slide .coem.on a {

            color: #fff; }

          .crumbs .column .cuper .swiper-slide .coem.on .xm {

            transform: rotate(180deg); }

            .crumbs .column .cuper .swiper-slide .coem.on .xm img:first-child {

              display: none; }

            .crumbs .column .cuper .swiper-slide .coem.on .xm img:last-child {

              display: block; }

        .crumbs .column .cuper .swiper-slide .nspul {

          width: auto;

          position: absolute;

          z-index: 101;

          left: 50%;

          top: 100%;

          min-width: 100%;

          transform: translateX(-50%);

          background-color: var(--themes);

          display: none;

          box-shadow: -6px -8px 28px 4px rgba(0, 53, 97, 0.11); }

          .crumbs .column .cuper .swiper-slide .nspul .pli {

            width: 100%;

            text-align: center;

            border-top: solid 1px rgba(255, 255, 255, 0.1); }

            .crumbs .column .cuper .swiper-slide .nspul .pli a {

              width: 100%;

              display: block;

              color: rgba(255, 255, 255, 0.5);

              line-height: 3;

              transition: all ease 0.5s;

              padding: 0 0.1rem;

              white-space: nowrap; }

            .crumbs .column .cuper .swiper-slide .nspul .pli a:hover {

              color: #fff; }

      .crumbs .column .cuper .swiper-slide.has-the .coem .xm {

        display: inline-block; }

        @media (max-width: 800px) {
          .crumbs .column .cuper .swiper-wrapper {

/* justify-content: flex-start; */

}
        }



.crumbs.white {

  background-color: #fff; }



.downers {

  width: 100%;

  background-color: #f7f7f7;

  padding: 0.6rem 0 0.2rem; }

  .downers .dowim {

    width: 100%; }

    .downers .dowim .dit {

      width: 100%;

      color: #000;

      font-weight: bold;

      line-height: 1.5;

      margin-bottom: 0.15rem; }

    .downers .dowim .downlis {

      width: 100%;

      font-size: 0; }

      .downers .dowim .downlis .ditem {

        display: inline-block;

        vertical-align: top;

        width: calc(780 / 1600 * 100%);

        margin-right: calc(39 / 1600 * 100%);

        margin-bottom: 0.3rem;

        background-color: #ffffff;

        border: solid 1px #dcdcdc;

        font-size: 0; }

        .downers .dowim .downlis .ditem .eam {

          width: 100%;

          padding: 0.24rem;

          display: flex;

          align-items: center; }

        .downers .dowim .downlis .ditem .dc {

          display: inline-block;

          vertical-align: middle;

          width: 0.44rem;

          height: 0.44rem;

          margin-right: 0.2rem; }

          .downers .dowim .downlis .ditem .dc img {

            width: 100%;

            display: block; }

        .downers .dowim .downlis .ditem .name {

          display: inline-block;

          vertical-align: middle;

          width: calc(100% - 130px - 0.44rem - 1rem - 0.2rem); }

          .downers .dowim .downlis .ditem .name a {

            width: 100%;

            display: block;

            color: #111;

            font-weight: bold;

            line-height: 1.5; }

          .downers .dowim .downlis .ditem .name a:hover {

            color: var(--themes); }

        .downers .dowim .downlis .ditem .size {

          width: 1rem;

          display: inline-block;

          vertical-align: middle;

          color: #666;

          line-height: 1.5; }

        .downers .dowim .downlis .ditem .atn {

          display: inline-block;

          vertical-align: middle;

          width: 130px; }

          .downers .dowim .downlis .ditem .atn a {

            display: inline-block;

            vertical-align: middle;

            border: solid 2px #dcdcdc;

            color: #666;

            line-height: 2.8;

            border-radius: 1.4em;

            white-space: nowrap;

            width: 100%;

            text-align: center; }

            .downers .dowim .downlis .ditem .atn a .xd {

              display: inline-block;

              vertical-align: middle;

              width: 18px;

              height: 18px;

              margin-right: 0.1rem; }

              .downers .dowim .downlis .ditem .atn a .xd img {

                width: 100%;

                display: block; }

              .downers .dowim .downlis .ditem .atn a .xd img:first-child {

                display: block; }

              .downers .dowim .downlis .ditem .atn a .xd img:last-child {

                display: none; }

          .downers .dowim .downlis .ditem .atn a:hover {

            color: #fff;

            background-color: var(--themes);

            border: solid 2px var(--themes); }

            .downers .dowim .downlis .ditem .atn a:hover .xd img:first-child {

              display: none; }

            .downers .dowim .downlis .ditem .atn a:hover .xd img:last-child {

              display: block; }

      .downers .dowim .downlis .ditem:nth-child(2n) {

        margin-right: 0; }

  .downers .dowim + .dowim {

    margin-top: 0.25rem; }

    .downers .searcom {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end; }
      .downers .searcom form {
        display: inline-block;
        vertical-align: middle;
        width: 4rem;
        font-size: 0; }
        .downers .searcom form .int {
          display: inline-block;
          vertical-align: middle;
          width: calc(100% - 100px);
          padding: 0 0.2rem;
          border: solid 1px #eee;
          border-right: none;
          background-color: #fff;
          line-height: 3;
          height: 3em;
          color: #222; }
        .downers .searcom form .stn {
          display: inline-block;
          vertical-align: middle;
          width: 100px;
          text-align: center;
          background-color: var(--themes);
          color: #fff;
          border: none;
          cursor: pointer;
          line-height: 3;
          height: 3em; }



    .pages {
      width: 100%;
      padding: 0.4rem 0;
      font-size: 0;
      text-align: center; }
      .pages .page {
        display: inline-block;
        vertical-align: middle;
        width: 0.45rem;
        height: 0.45rem;
        line-height: calc(0.45rem - 1px);
        text-align: center;
        color: #999;
        background-color: #fff;
        margin: 0 0.07rem;
        border-radius: 0.225rem;
        box-sizing: border-box; }
      .pages .page.ltn {
        background-image: url("../images/b1.png");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat; }
      .pages .page.rtn {
        background-image: url("../images/b2.png");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat; }
      .pages .page.on {
        background-color: var(--themes);
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1); }
      .pages .page.ltn:hover {
        background-color: var(--themes);
        background-image: url("../images/b3.png");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat; }
      .pages .page.on.ltn {
        background-color: var(--themes);
        background-image: url("../images/b3.png");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat; }
      .pages .page.on.rtn {
        background-color: var(--themes);
        background-image: url("../images/b4.png");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat; }
      .pages .page.rtn:hover {
        background-color: var(--themes);
        background-image: url("../images/b4.png");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat; }
      .pages .page.auto {
        width: auto;
        padding: 0 0.3rem;
        border-radius: 0.225rem; }
      .pages .page:hover {
        background-color: var(--themes);
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1); }
      .pages .sint {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #999;
        margin: 0 0.1rem; }
        .pages .sint .syn {
          display: inline-block;
          border: solid 1px #ddd;
          line-height: 2.5em;
          width: 0.6rem;
          min-width: 50px;
          padding: 0 0.1rem;
          color: #666;
          background-color: #fff;
          text-align: center;
          margin: 0 0.08rem;
          border-radius: 1.25em; }
      .pages .stn {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background-color: var(--themes);
        color: #fff;
        line-height: 2.5em;
        height: 2.5em;
        padding: 0 0.14rem;
        margin-left: 0.1rem;
        border-radius: 1.25em;
        border: none; }
    
    @media (max-width: 900px) {
      .pages .page {
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
        border-radius: 0.4rem; }
      .pages .page.auto {
        border-radius: 0.4rem; } }

.feedback {

  width: 100%;

  background-color: #f7f7f7;

  padding: 0.6rem 0; }

  .feedback .forms {

    width: 100%; }

    .feedback .forms form {

      width: 100%;

      display: block;

      font-size: 0; }

    .feedback .forms .row {

      width: 100%; }

      .feedback .forms .row .input {

        display: inline-block;

        vertical-align: top;

        width: calc(780 / 1600 * 100%);

        margin-right: calc(39 / 1600 * 100%);

        margin-bottom: 0.2rem; }

        .feedback .forms .row .input .int {

          width: 100%;

          display: block;

          background-color: #ffffff;

          border: solid 1px #dcdcdc;

          padding: 0 0.15rem;

          color: #333;

          line-height: 3;

          height: 3em; }

        .feedback .forms .row .input .inc {

          width: 2.5rem;

          display: inline-block;

          vertical-align: middle;

          background-color: #ffffff;

          border: solid 1px #dcdcdc;

          padding: 0 0.15rem;

          color: #333;

          line-height: 3;

          height: 3em; }

        .feedback .forms .row .input .ymg {

          display: inline-block;

          vertical-align: middle;

          height: 3em;

          width: auto;

          margin: 0 0.1rem; }

          .feedback .forms .row .input .ymg img {

            height: 100%;

            display: block; }

        .feedback .forms .row .input .em {

          display: inline-block;

          vertical-align: middle;

          width: auto;

          color: #999;

          line-height: 1.5; }

      .feedback .forms .row .input:nth-child(2n) {

        margin-right: 0; }

      .feedback .forms .row .text {

        width: 100%;

        display: block;

        margin-bottom: 0.2rem; }

        .feedback .forms .row .text .area {

          width: 100%;

          display: block;

          background-color: #ffffff;

          border: solid 1px #dcdcdc;

          padding: 0.15rem 0.15rem;

          color: #333;

          line-height: 1.5; }

    .feedback .forms .sub {

      width: 100%;

      font-size: 0;

      text-align: center; }

      .feedback .forms .sub .stn {

        display: inline-block;

        vertical-align: middle;

        color: #fff;

        cursor: pointer;

        line-height: 3;

        height: 3em;

        padding: 0 0.4rem;

        border-radius: 1.5em;

        cursor: pointer;

        width: auto;

        border: none;

        background-color: var(--themes); }



.newsdm {

  width: 100%;

  background-color: #f7f7f7;

  padding: 0.6rem 0; }

  .newsdm .newdper {

    width: 100%;

    position: relative; }

    .newsdm .newdper .swiper-slide {

      width: 100%;

      font-size: 0;

      display: flex;

      flex-wrap: wrap;

      background-color: #fff; }

      .newsdm .newdper .swiper-slide .imgs {

        display: inline-block;

        vertical-align: middle;

        width: calc(860 / 1600 * 100%);

        position: relative;

        overflow: hidden; }

        .newsdm .newdper .swiper-slide .imgs a {

          width: 100%;

          display: block; }

        .newsdm .newdper .swiper-slide .imgs .img {

          width: 100%;

          padding-top: 58.13%;

          transition: all ease 0.5s; }

      .newsdm .newdper .swiper-slide .imgs:hover .img {

        transform: scale(1.1); }

      .newsdm .newdper .swiper-slide .rom {

        display: flex;

        width: calc(740 / 1600 * 100%);

        flex-wrap: wrap;

        align-content: center;

        padding: 0.5rem;

        border: solid 1px #dcdcdc;

        box-sizing: border-box; }

        .newsdm .newdper .swiper-slide .rom .time {

          width: 100%;

          color: #999;

          line-height: 1.5; }

        .newsdm .newdper .swiper-slide .rom .xm {

          width: 100%;

          color: #000;

          line-height: 1.4;

          margin-top: 0.15rem; }

          .newsdm .newdper .swiper-slide .rom .xm p {

            color: #000;

            line-height: 1.4; }

        .newsdm .newdper .swiper-slide .rom .ddm {

          width: 100%;

          color: #666;

          line-height: 1.5;

          margin-top: 0.15rem; }

          .newsdm .newdper .swiper-slide .rom .ddm p {

            color: #666;

            line-height: 1.5; }

        .newsdm .newdper .swiper-slide .rom .more {

          width: 100%;

          font-size: 0;

          margin-top: 0.3rem; }

          .newsdm .newdper .swiper-slide .rom .more a {

            display: inline-block;

            vertical-align: middle;

            background-color: var(--themes);

            color: #fff;

            padding: 0 0.3rem;

            line-height: 3;

            border-radius: 1.5em;

            cursor: pointer;

            transition: all ease 0.5s; }

          .newsdm .newdper .swiper-slide .rom .more a:hover {

            transform: scale(1.1); }

    .newsdm .newdper .swiper-pagination {

      position: absolute;

      left: calc(907 / 1600 * 100%);

      z-index: 3;

      width: auto;

      bottom: 0.25rem;

      font-size: 0; }

    .newsdm .newdper .swiper-pagination-bullet {

      display: inline-block;

      vertical-align: middle;

      opacity: 1;

      width: 0.2rem;

      height: 0.03rem;

      width: 20px;

      border-radius: 0;

      background-color: rgba(0, 0, 0, 0.1); }

    .newsdm .newdper .swiper-pagination-bullet-active {

      background-color: var(--themes); }

  .newsdm .newlist {

    width: 100%;

    margin-top: 0.3rem;

    font-size: 0; }

    .newsdm .newlist .newam {

      display: inline-block;

      vertical-align: top;

      width: calc(515 / 1600 * 100%);

      margin-right: calc(27 / 1600 * 100%);

      margin-bottom: 0.3rem; }

      .newsdm .newlist .newam a {

        width: 100%;

        display: block; }

      .newsdm .newlist .newam .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .newsdm .newlist .newam .imgs a {

          width: 100%;

          display: block; }

        .newsdm .newlist .newam .imgs .img {

          width: 100%;

          padding-top: 58.13%;

          transition: all ease 0.5s; }

      .newsdm .newlist .newam .nom {

        width: 100%;

        padding: 0.24rem;

        background-color: #fff;

        border: solid 1px #dcdcdc; }

        .newsdm .newlist .newam .nom .time {

          width: 100%;

          color: #999;

          line-height: 1.5; }

        .newsdm .newlist .newam .nom .xim {

          width: 100%;

          color: #000;

          font-weight: bold;

          line-height: 1.6;

          height: 3.2em;

          margin-top: 0.05rem; }

    .newsdm .newlist .newam:nth-child(3n) {

      margin-right: 0; }

    .newsdm .newlist .newam:hover .imgs .img {

      transform: scale(1.1); }

    .newsdm .newlist .newam:hover .nom .xim {

      color: var(--themes); }



@media (max-width: 900px) {

  .newsdm .newdper .swiper-pagination {

    position: absolute;

    left: auto;

    z-index: 3;

    width: auto;

    bottom: 0.25rem;

    font-size: 0;

    right: 5%; } }

.details {

  width: 100%;

  background-color: #f8f8f8;

  padding: 0.4rem 0;

  position: relative;

  z-index: 4; }

  .details .detail {

    width: 100%;

    position: relative;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: space-between; }

    .details .detail .del {

      display: inline-block;

      vertical-align: top;

      width: calc(1130 / 1600 * 100%);

      background-color: #ffffff;

      border: solid 1px #dcdcdc;

      padding: 0.4rem 0.3rem; }

      .details .detail .del .dit {

        width: 100%;

        color: #000;

        line-height: 1.3;

        font-weight: bold; }

      .details .detail .del .dim {

        width: 100%;

        font-size: 0;

        padding: 0.1rem 0; }

        .details .detail .del .dim .pm {

          display: inline-block;

          vertical-align: middle;

          color: #999;

          line-height: 1.5;

          margin-right: 0.24rem; }

        .details .detail .del .dim .share {

          display: inline-block;

          vertical-align: middle;

          width: auto; }

          .details .detail .del .dim .share .sm {

            display: inline-block;

            vertical-align: middle;

            color: #999;

            line-height: 1.5; }

          .details .detail .del .dim .share .am {

            display: inline-block;

            vertical-align: middle;

            color: #999;

            line-height: 1.5;

            position: relative;

            width: 0.2rem;

            height: 0.2rem;

            min-width: 18px;

            min-height: 18px;

            margin-right: 0.12rem; }

            .details .detail .del .dim .share .am a {

              width: 100%;
              font-size: 0;

              display: block; }

            .details .detail .del .dim .share .am .comd {

              position: absolute;

              left: 50%;

              top: 100%;

              transform: translateX(-50%);

              width: 1.3rem;

              padding: 0.08rem;

              background-color: #fff;

              border-radius: 0.05rem;

              display: none; }

              .details .detail .del .dim .share .am .comd img {

                width: 100%;

                display: block; }

          .details .detail .del .dim .share .am:hover .comd {

            display: block; }

      .details .detail .del .dinp {

        width: 100%;

        padding: 0.3rem 0;

        margin: 0.25rem 0;

        border-top: solid 1px rgba(0, 0, 0, 0.08);

        border-bottom: solid 1px rgba(0, 0, 0, 0.08);

        color: #666;

        line-height: 1.75; }

        .details .detail .del .dinp p {

          color: #666;

          line-height: 1.75; 
          text-indent: 2em;
        }
      .details .detail .del .dinp .img_s{
        text-align: center;
      }
      .details .detail .del .dinp .vd{
        text-align: center;
      }
      .details .detail .del .dinp .vd video{
        margin: 0.1rem auto;
      }
      .details .detail .del .dinp .img_s img{
        margin: 0.1rem 0;
      }

      .details .detail .del .dot {

        width: 100%;

        font-size: 0; }

        .details .detail .del .dot .atn {

          display: inline-block;

          vertical-align: middle;

          width: 32%;

          margin-right: 2%; }

          .details .detail .del .dot .atn a {

            width: 100%;

            display: block;

            background-color: #ffffff;

            border: solid 1px #ebebeb;

            text-align: center;

            color: #333;

            line-height: 3; }

          .details .detail .del .dot .atn a:hover {

            background-color: var(--themes);

            color: #fff;

            border: solid 1px var(--themes); }

        .details .detail .del .dot .atn:nth-child(3n) {

          margin-right: 0; }

    .details .detail .der {

      display: inline-block;

      position: sticky;
      top: calc(1rem + 1px);

      vertical-align: top;

      width: calc(430 / 1600 * 100%); }

      .details .detail .der .rop {

        width: 100%;

        font-size: 0;

        display: flex;

        justify-content: space-between;

        border-bottom: solid 1px rgba(0, 0, 0, 0.08);

        padding: 0.1rem 0 0.15rem; }

        .details .detail .der .rop .rt {

          display: inline-block;

          vertical-align: middle;

          color: #000;

          font-weight: bold;

          line-height: 1.5; }

        .details .detail .der .rop .em {

          display: inline-block;

          vertical-align: middle;

          color: #999;

          line-height: 1.5; }

        .details .detail .der .rop .em:hover {

          color: var(--themes); }

      .details .detail .der .derlist {

        width: 100%; }

        .details .detail .der .derlist .drem {

          width: 100%;

          font-size: 0;

          padding: 0.18rem 0;

          border-bottom: solid 1px rgba(0, 0, 0, 0.08); }

          .details .detail .der .derlist .drem a {

            width: 100%;

            display: block; }

          .details .detail .der .derlist .drem .imgs {

            display: inline-block;

            vertical-align: middle;

            width: calc(150 / 388 * 100%);

            position: relative;

            overflow: hidden; }

            .details .detail .der .derlist .drem .imgs .img {

              width: 100%;

              padding-top: 66.66%;

              transition: all ease 0.5s; }

          .details .detail .der .derlist .drem .rod {

            display: inline-block;

            vertical-align: middle;

            width: calc(238 / 388 * 100%);

            padding-left: 0.2rem; }

            .details .detail .der .derlist .drem .rod .rm {

              width: 100%;

              color: #333;

              line-height: 1.5;

              max-height: 3em; }

            .details .detail .der .derlist .drem .rod .time {

              width: 100%;

              color: #999;

              line-height: 1.5;

              margin-top: 0.1rem; }

        .details .detail .der .derlist .drem:hover .imgs .img {

          transform: scale(1.1); }

        .details .detail .der .derlist .drem:hover .rod .rm {

          color: var(--themes); }

      .details .detail .der .dotem {

        width: 100%;

        background-color: #ffffff;

        border: solid 1px #dcdcdc;

        padding: 0.2rem 0.2rem; }

      .details .detail .der .dotem + .dotem {

        margin-top: 0.3rem; }

      .details .detail .der .prolist {

        width: 100%;

        margin-top: 0.2rem; }

        .details .detail .der .prolist .proam {

          width: 100%; }

          .details .detail .der .prolist .proam a {

            width: 100%;

            display: block; }

          .details .detail .der .prolist .proam .imgs {

            width: 100%;

            position: relative;

            overflow: hidden;

            border: solid 1px rgba(0, 0, 0, 0.1); }

            .details .detail .der .prolist .proam .imgs .img {

              width: 100%;

              padding-top: 61.53%;

              transition: all ease 0.5s; }

          .details .detail .der .prolist .proam .pim {

            width: 100%;

            text-align: center;

            color: #333;

            line-height: 1.75;

            margin-top: 0.05rem; }

        .details .detail .der .prolist .proam + .proam {

          margin-top: 0.2rem; }

        .details .detail .der .prolist .proam:hover .imgs .img {

          transform: scale(1.1); }

        .details .detail .der .prolist .proam:hover .pim {

          color: var(--themes); }

    .details .detail .der.fixed {

      width: 4.3rem;

      position: fixed;

      right: 50%;

      margin-right: -8rem;

      top: 1rem; }

    .details .detail .der.bot {

      position: absolute;

      right: 0;

      bottom: 0;

      margin-right: 0;

      top: auto;

      width: 4.3rem; }



@media (max-width: 1420px) {

  .details .detail .der.fixed {

    width: 3.91rem;

    margin-right: -45%; }

  .details .detail .der.bot {

    position: absolute;

    right: 0;

    bottom: 0;

    margin-right: 0;

    top: auto;

    width: 3.91rem; } }

.exhibitions {

  width: 100%;

  background-color: #f7f7f7;

  padding: 0.6rem 0 0.4rem; }

  .exhibitions .exhiblis {

    width: 100%;

    font-size: 0; }

    .exhibitions .exhiblis .exhim {

      display: inline-block;

      vertical-align: top;

      width: calc(520 / 1600 * 100%);

      margin-right: calc(19 / 1600 * 100%);

      margin-bottom: 0.2rem;

      background-color: #fff;

      border: solid 1px #dcdcdc;

      padding: 0.28rem; }

      .exhibitions .exhiblis .exhim .eit {

        width: 100%;

        color: #000;

        font-weight: bold;

        line-height: 1.5; }

      .exhibitions .exhiblis .exhim .lx {

        display: block;

        background-color: var(--themes);

        width: 0.26rem;

        height: 3px;

        margin: 0.2rem 0; }

      .exhibitions .exhiblis .exhim .dul {

        width: 100%;

        font-size: 0; }

        .exhibitions .exhiblis .exhim .dul .dli {

          width: 100%;

          font-size: 0;

          padding: 0.05rem 0; }

          .exhibitions .exhiblis .exhim .dul .dli .dc {

            display: inline-block;

            vertical-align: top;

            width: 0.22rem;

            height: 0.22rem;

            min-width: 16px;

            min-height: 16px;

            margin-right: 0.12rem;

            margin-top: calc(0.875em - 0.11rem); }

            .exhibitions .exhiblis .exhim .dul .dli .dc img {

              width: 100%;

              display: block; }

          .exhibitions .exhiblis .exhim .dul .dli .dm {

            display: inline-block;

            vertical-align: top;

            width: calc(100% - 0.22rem - 0.12rem);

            max-width: calc(100% - 16px - 0.12rem);

            color: #666;

            line-height: 1.75; }

    .exhibitions .exhiblis .exhim:nth-child(3n) {

      margin-right: 0; }



.activitys {

  width: 100%;

  padding: 0.6rem 0 0.4rem;

  background-color: #f7f7f7; }

  .activitys .actlist {

    width: 100%; }

    .activitys .actlist .actom {

      width: 100%;

      border: solid 1px #dcdcdc;

      background-color: #fff;

      font-size: 0; }

      .activitys .actlist .actom a {

        width: 100%;

        display: block;

        padding: 0.22rem; }

      .activitys .actlist .actom .imgs {

        display: inline-block;

        vertical-align: middle;

        width: calc(350 / 1556 * 100%);

        position: relative;

        overflow: hidden; }

        .activitys .actlist .actom .imgs .img {

          width: 100%;

          padding-top: 62.85%;

          transition: all ease 0.5s; }

      .activitys .actlist .actom .pem {

        display: inline-block;

        vertical-align: middle;

        width: calc(1206 / 1556 * 100%);

        padding-left: 0.3rem;

        padding-right: 0.2rem; }

        .activitys .actlist .actom .pem .time {

          width: 100%;

          color: #999;

          line-height: 1.5; }

        .activitys .actlist .actom .pem .ait {

          width: 100%;

          color: #000;

          font-weight: bold;

          line-height: 1.5;

          margin: 0.06rem 0; }

        .activitys .actlist .actom .pem .aim {

          width: 100%;

          color: #666;

          line-height: 1.6;

          margin: 0.1rem 0; }

        .activitys .actlist .actom .pem .check {

          width: 100%;

          color: #999;

          line-height: 1.5;

          margin-top: 0.15rem; }

    .activitys .actlist .actom:hover .imgs .img {

      transform: scale(1.1); }

    .activitys .actlist .actom:hover .pem .ait {

      color: var(--themes); }

    .activitys .actlist .actom + .actom {

      margin-top: 0.2rem; }



.recomds {

  width: 100%;

  padding: 0.6rem 0;

  background-color: #f7f7f7; }

  .recomds .recom {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap; }

    .recomds .recom .rel {

      display: inline-block;

      vertical-align: middle;

      width: calc(800 / 1600 * 100%); }

      .recomds .recom .rel .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .recomds .recom .rel .imgs .img {

          width: 100%;

          padding-top: 62.5%; }

    .recomds .recom .rer {

      display: inline-block;

      vertical-align: middle;

      display: flex;

      flex-wrap: wrap;

      align-content: center;

      width: calc(800 / 1600 * 100%);

      padding: 0.4rem;

      background-color: #fff;

      border: solid 1px #dcdcdc; }

      .recomds .recom .rer .reop {

        width: 100%;

        padding-bottom: 0.4rem; }

        .recomds .recom .rer .reop .eit {

          width: 100%;

          color: var(--themes);

          font-weight: bold;

          line-height: 1.3; }

        .recomds .recom .rer .reop .einp {

          width: 100%;

          color: #666;

          line-height: 1.5;

          margin-top: 0.14rem; }

          .recomds .recom .rer .reop .einp p {

            color: #666;

            line-height: 1.5; }

      .recomds .recom .rer .reob {

        width: 100%;

        padding-top: 0.4rem; }

        .recomds .recom .rer .reob .bit {

          width: 100%;

          color: var(--themes);

          font-weight: bold;

          line-height: 1.3; }

        .recomds .recom .rer .reob .bul {

          width: 100%;

          font-size: 0;

          margin-top: 0.1rem; }

          .recomds .recom .rer .reob .bul .li {

            display: inline-block;

            vertical-align: top;

            width: auto;

            margin-right: 0.3rem;

            color: #666;

            line-height: 1.6; }

            .recomds .recom .rer .reob .bul .li span {

              color: #333;

              line-height: 1.6; }

      .recomds .recom .rer .reop + .reob {

        border-top: solid 1px rgba(0, 0, 0, 0.08); }

  .recomds .business {

    width: 100%;

    margin-top: 0.3rem;

    background-color: #fff;

    border: solid 1px #dcdcdc;

    padding: 0.3rem; }

    .recomds .business .bit {

      width: 100%;

      color: var(--themes);

      font-weight: bold;

      line-height: 1.3;

      margin-bottom: 0.2rem; }

    .recomds .business .forms {

      width: 100%; }

      .recomds .business .forms form {

        width: 100%;

        display: block;

        font-size: 0; }

      .recomds .business .forms .row {

        width: 100%; }

        .recomds .business .forms .row .input {

          display: inline-block;

          vertical-align: top;

          width: calc(780 / 1600 * 100%);

          margin-right: calc(39 / 1600 * 100%);

          margin-bottom: 0.2rem;

          background-color: #ffffff;

          border: solid 1px #dcdcdc;

          font-size: 0;

          padding: 0 0.15rem; }

          .recomds .business .forms .row .input span {

            display: inline-block;

            vertical-align: middle;

            width: 1em;

            color: #ff0000; }

          .recomds .business .forms .row .input .int {

            width: calc(100% - 1em);

            display: inline-block;

            vertical-align: middle;

            color: #333;

            line-height: 3;

            height: 3em;

            border: none; }

          .recomds .business .forms .row .input .inc {

            width: 2.5rem;

            display: inline-block;

            vertical-align: middle;

            background-color: #ffffff;

            border: solid 1px #dcdcdc;

            padding: 0 0.15rem;

            color: #333;

            line-height: 3;

            height: 3em; }

          .recomds .business .forms .row .input .ymg {

            display: inline-block;

            vertical-align: middle;

            height: 3em;

            width: auto;

            margin: 0 0.1rem; }

            .recomds .business .forms .row .input .ymg img {

              height: 100%;

              display: block; }

          .recomds .business .forms .row .input .em {

            display: inline-block;

            vertical-align: middle;

            width: auto;

            color: #999;

            line-height: 1.5; }

          .recomds .business .forms .row .input .select {

            display: inline-block;

            vertical-align: middle;

            border: none;

            text-align: left;

            position: relative;

            width: calc(100% - 1em); }

            .recomds .business .forms .row .input .select .select-con {

              width: 100%;

              display: inline-block;

              vertical-align: middle;

              position: relative;

              font-size: 0; }

              .recomds .business .forms .row .input .select .select-con .select-value {

                display: inline-block;

                vertical-align: middle;

                width: 100%;

                line-height: 3.5em;

                height: 3.5em;

                color: #666; }

              .recomds .business .forms .row .input .select .select-con select {

                position: absolute;

                width: 100%;

                height: 100%;

                left: 0;

                top: 0;

                z-index: 2;

                opacity: 0; }

                .recomds .business .forms .row .input .select .select-con select option {

                  color: #666;

                  font-size: .16rem;

                  line-height: 2.5;

                  background: #fff; }

              .recomds .business .forms .row .input .select .select-con .seluls {

                position: absolute;

                left: 0;

                top: 100%;

                min-width: 100%;

                max-height: 360px;

                overflow: auto;

                display: none;

                box-sizing: border-box;

                text-align: left;

                background-color: #fff;

                z-index: 123;

                border-radius: 4px;

                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);

                overflow: auto;

                /*滚动条里面小方块*/

                /*滚动条里面轨道*/ }

                .recomds .business .forms .row .input .select .select-con .seluls .option {

                  width: 100%;

                  color: #666;

                  line-height: 2.5;

                  background: #fff;

                  cursor: pointer;

                  padding: 0 0.15rem; }

                .recomds .business .forms .row .input .select .select-con .seluls .option:hover {

                  background-color: var(--themes);

                  color: #fff; }

                .recomds .business .forms .row .input .select .select-con .seluls .option + .option {

                  border-top: solid 1px #ddd; }

              .recomds .business .forms .row .input .select .select-con .seluls::-webkit-scrollbar {

                width: 4px;

                height: 4px;

                scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }

              .recomds .business .forms .row .input .select .select-con .seluls::-webkit-scrollbar-thumb {

                border-radius: 10px;

                -webkit-box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.3);

                background: rgba(1, 98, 177, 0.3);

                scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }

              .recomds .business .forms .row .input .select .select-con .seluls::-webkit-scrollbar-track {

                border-radius: 10px;

                -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);

                background: rgba(0, 0, 0, 0.1); }

            .recomds .business .forms .row .input .select .select-con:after {

              display: inline-block;

              content: "";

              position: absolute;

              right: .2rem;

              top: 50%;

              transform: translateY(-50%);

              z-index: 1;

              width: 12px;

              height: 7px;

              background-image: url("../images/xx.png");

              background-size: 100%;

              background-repeat: no-repeat;

              background-position: center; }

        .recomds .business .forms .row .input:nth-child(2n) {

          margin-right: 0; }

        .recomds .business .forms .row .input.yzm {

          width: auto;

          padding: 0;

          border: none; }

        .recomds .business .forms .row .text {

          width: 100%;

          display: block;

          margin-bottom: 0.2rem; }

          .recomds .business .forms .row .text .area {

            width: 100%;

            display: block;

            background-color: #ffffff;

            border: solid 1px #dcdcdc;

            padding: 0.15rem 0.15rem;

            color: #333;

            line-height: 1.5; }

      .recomds .business .forms .sub {

        width: 100%;

        font-size: 0;

        text-align: center; }

        .recomds .business .forms .sub .stn {

          display: inline-block;

          vertical-align: middle;

          color: #fff;

          cursor: pointer;

          line-height: 3;

          height: 3em;

          padding: 0 0.4rem;

          border-radius: 1.5em;

          cursor: pointer;

          width: auto;

          border: none;

          background-color: var(--themes); }



.casedom {

  width: 100%;

  padding: 0.6rem 0;

  position: relative;

  z-index: 4; }

  .casedom .caselis {

    width: 100%;

    font-size: 0; }

    .casedom .caselis .casem {

      display: inline-block;

      vertical-align: top;

      width: calc(515 / 1600 * 100%);

      margin-right: calc(27 / 1600 * 100%);

      margin-bottom: 0.3rem; }

      .casedom .caselis .casem a {

        width: 100%;

        display: block; }

      .casedom .caselis .casem .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .casedom .caselis .casem .imgs a {

          width: 100%;

          display: block; }

        .casedom .caselis .casem .imgs .img {

          width: 100%;

          padding-top: 66.99%;

          transition: all ease 0.5s; }

      .casedom .caselis .casem .coom {

        width: 100%;

        padding: 0.24rem;

        background-color: #fff;

        border: solid 1px #dcdcdc; }

        .casedom .caselis .casem .coom .cit {

          width: 100%;

          color: #000;

          font-weight: bold;

          line-height: 1.5; }

        .casedom .caselis .casem .coom .xim {

          width: 100%;

          color: #666;

          line-height: 1.5;

          height: 3em;

          margin-top: 0.05rem; }

    .casedom .caselis .casem:nth-child(3n) {

      margin-right: 0; }

    .casedom .caselis .casem:hover .imgs .img {

      transform: scale(1.1); }

    .casedom .caselis .casem:hover .coom .cit {

      color: var(--themes); }



.companys {

  width: 100%;

  padding: 0.8rem 0; }

  .companys .company {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center; }

    .companys .company .cooml {

      display: inline-block;

      vertical-align: middle;

      width: calc(960 / 1600 * 100%); }

      .companys .company .cooml .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .companys .company .cooml .imgs .img {

          width: 100%;

          padding-top: 72.91%; }

        .companys .company .cooml .imgs .play {

          position: absolute;

          z-index: 3;

          top: 50%;

          left: 50%;

          transform: translate(-50%, -50%);

          width: 0.93rem;

          cursor: pointer;

          transition: all ease 0.5s; }

          .companys .company .cooml .imgs .play img {

            width: 100%;

            display: block; }

        .companys .company .cooml .imgs .play:hover {

          transform: translate(-50%, -50%) scale(1.1); }

    .companys .company .coomr {

      display: inline-block;

      vertical-align: middle;

      display: flex;

      flex-wrap: wrap;

      align-content: center;

      width: calc(640 / 1600 * 100%);

      background-color: #ffffff;

      box-shadow: 0px 14px 36px 4px rgba(5, 66, 173, 0.11);

      border: solid 1px #dcdcdc;

      padding: 0.5rem;

      min-height: 7.6rem;

      border-bottom: solid 0.06rem var(--themes); }

      .companys .company .coomr .ctop {

        width: 100%;

        display: flex;

        justify-content: space-between;

        padding-bottom: 0.4rem; }

        .companys .company .coomr .ctop .ctl {

          display: inline-block;

          vertical-align: top;

          width: auto; }

          .companys .company .coomr .ctop .ctl .clt {

            width: 100%;

            color: #000;

            font-weight: bold;

            line-height: 1.3; }

          .companys .company .coomr .ctop .ctl .dom {

            width: 100%;

            display: inline-block;

            vertical-align: middle;

            margin-top: 0.2rem; }

            .companys .company .coomr .ctop .ctl .dom .pr {

              width: 100%;

              color: #000;

              font-weight: bold;

              line-height: 1.5; }

            .companys .company .coomr .ctop .ctl .dom .pf {

              width: 100%;

              color: #c7000b;

              font-weight: bold;

              line-height: 1.5; }

      .companys .company .coomr .cbop {

        width: 100%;

        padding-top: 0.4rem;

        border-top: solid 1px rgba(0, 0, 0, 0.08); }

        .companys .company .coomr .cbop .cinp {

          width: 100%;

          color: #666;

          line-height: 1.6; }

          .companys .company .coomr .cbop .cinp p {

            color: #666;

            line-height: 1.6; }



.honors {

  width: 100%;

  padding: 0.8rem 0; }

  .honors .honpers {

    width: 100%;

    font-size: 0;

    position: relative; }

    .honors .honpers .hotem {

      display: inline-block;

      vertical-align: top;

      width: calc(370 / 1600 * 100%);

      margin-right: calc(39 / 1600 * 100%);

      margin-bottom: 0.4rem;

      border: solid 1px #dcdcdc; }

      .honors .honpers .hotem a {

        width: 100%;

        display: block; }

      .honors .honpers .hotem .imgs {

        width: 100%;

        position: relative;

        overflow: hidden;

        padding: 0.1rem; }

        .honors .honpers .hotem .imgs .img {

          width: 100%;

          padding-top: 81.08%;

          transition: all ease 0.5s; }

      .honors .honpers .hotem .pom {

        width: 100%;

        border-top: solid 1px #dcdcdc;

        padding: 0.1rem;

        color: #333;

        line-height: 1.8;

        text-align: center; }

    .honors .honpers .hotem:nth-child(4n) {

      margin-right: 0; }

    .honors .honpers .hotem:hover .imgs .img {

      transform: scale(1.1); }

    .honors .honpers .hotem:hover .pom {

      color: var(--themes); }

    .honors .honpers .swiper-container {

      padding-bottom: 0.4rem; }

    .honors .honpers .swiper-pagination {

      z-index: 20; }

    .honors .honpers .swiper-pagination-bullet {

      display: inline-block;

      vertical-align: middle;

      width: 0.35rem;

      height: 2px;

      cursor: pointer;

      opacity: 1;

      background-color: rgba(0, 0, 0, 0.1); }

    .honors .honpers .swiper-pagination-bullet-active {

      background-color: var(--themes); }



.historys {

  width: 100%;

  padding: 0.8rem 0; }

  .historys .history {

    width: 100%; }

  .historys .hitoper {

    width: 100%;

    margin-bottom: 0.5rem;

    position: relative; }

    .historys .hitoper .swiper-slide {

      width: 100%; }

      .historys .hitoper .swiper-slide .year {

        width: 1rem;

        height: 1rem;

        border-radius: 50%;

        border: dashed 1px #c8c8c8;

        margin: 0 auto;

        position: relative;

        cursor: pointer;

        transition: all ease 0.5s; }

        .historys .hitoper .swiper-slide .year .em {

          position: absolute;

          top: 50%;

          left: 50%;

          transform: translate(-50%, -50%);

          z-index: 3;

          color: #666;

          line-height: 1.5;

          width: 100%;

          text-align: center; }

        .historys .hitoper .swiper-slide .year .dd {

          position: absolute;

          z-index: 3;

          width: 0.26rem;

          height: 0.04rem;

          top: 50%;

          transform: translateY(-50%);

          left: calc(100% + 0.5rem); }

          .historys .hitoper .swiper-slide .year .dd img {

            width: 100%;

            display: block; }

    .historys .hitoper .swiper-slide:last-child .year .dd {

      display: none; }

    .historys .hitoper .swiper-slide.on .year, .historys .hitoper .swiper-slide:hover .year {

      background-color: var(--themes);

      border: solid 1px var(--themes); }

      .historys .hitoper .swiper-slide.on .year .em, .historys .hitoper .swiper-slide:hover .year .em {

        color: #fff; }

    .historys .hitoper .btn {

      position: absolute;

      z-index: 3;

      top: 50%;

      transform: translateY(-50%);

      width: 0.15rem;

      cursor: pointer; }

      .historys .hitoper .btn img {

        width: 100%;

        display: block; }

      .historys .hitoper .btn img:first-child {

        display: block; }

      .historys .hitoper .btn img:last-child {

        display: none; }

    .historys .hitoper .btn:hover img:first-child {

      display: none; }

    .historys .hitoper .btn:hover img:last-child {

      display: block; }

    .historys .hitoper .bl {

      left: 0; }

    .historys .hitoper .br {

      right: 0; }

  .historys .hombtm {

    width: 100%; }

    .historys .hombtm .hitem {

      width: 100%;

      display: none; }

    .historys .hombtm .hitem.on {

      display: block; }

    .historys .hombtm .voomb {

      width: 100%;

      background-color: #fff;

      display: flex;

      flex-wrap: wrap;

      padding: 0.3rem;

      justify-content: space-between;

      align-items: center;

      padding-right: 0.7rem; }

      .historys .hombtm .voomb .imgs {

        display: inline-block;

        vertical-align: middle;

        width: calc(680 / 1510 * 100%);

        position: relative;

        overflow: hidden; }

        .historys .hombtm .voomb .imgs .img {

          width: 100%;

          padding-top: 66.17%; }

      .historys .hombtm .voomb .homd {

        display: inline-block;

        vertical-align: middle;

        width: calc(760 / 1510 * 100%); }

        .historys .hombtm .voomb .homd .yit {

          width: 100%;

          color: var(--themes);

          font-weight: bold;

          line-height: 1.3; }

        .historys .hombtm .voomb .homd .ym {

          width: 100%;

          color: #000;

          line-height: 1.5;

          font-weight: bold;

          margin-top: 0.1rem; }

        .historys .hombtm .voomb .homd .yinp {

          width: 100%;

          color: #666;

          line-height: 1.5;

          margin-top: 0.15rem; }

          .historys .hombtm .voomb .homd .yinp p {

            color: #666;

            line-height: 1.5; }

    .historys .hombtm .hit {

      width: 100%;

      text-align: center;

      color: #333;

      line-height: 1.5;

      margin-bottom: 0.35rem; }

    .historys .hombtm .hinpes {

      width: 100%;

      color: #666;

      line-height: 1.75;

      max-height: 6rem;

      padding-right: 15px;

      overflow: auto;

      /*滚动条里面小方块*/

      /*滚动条里面轨道*/ }

      .historys .hombtm .hinpes p {

        color: #666;

        line-height: 1.75; }

      .historys .hombtm .hinpes::-webkit-scrollbar {

        width: 4px;

        height: 4px;

        scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }

      .historys .hombtm .hinpes::-webkit-scrollbar-thumb {

        border-radius: 10px;

        -webkit-box-shadow: inset 0 0 10px var(--themes);

        background: var(--themes);

        scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }

      .historys .hombtm .hinpes::-webkit-scrollbar-track {

        border-radius: 10px;

        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);

        background: rgba(0, 0, 0, 0.1); }



@media (max-width: 800px) {

  .historys .hitoper .swiper-slide .year {

    width: 1.5rem;

    height: 1.5rem; } }

.recruits {

  width: 100%;

  padding: 0.6rem 0;

  background-color: #f7f7f7; }

  .recruits .ritop {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 0.4rem; }

    .recruits .ritop .rit {

      display: inline-block;

      vertical-align: middle;

      color: #000;

      font-weight: bold;

      line-height: 1.3; }

    .recruits .ritop .searcd {

      display: inline-block;

      vertical-align: middle;

      width: 5.6rem;

      font-size: 0;

      background-color: #fff; }

      .recruits .ritop .searcd form {

        width: 100%;

        display: block; }

      .recruits .ritop .searcd .smd {

        display: inline-block;

        vertical-align: middle;

        width: calc(100% - 3em);

        border: none;

        background-color: #fff;

        padding: 0 0.2rem;

        color: #333;

        line-height: 3;

        height: 3em; }

      .recruits .ritop .searcd .stn {

        display: inline-block;

        vertical-align: middle;

        width: 3em;

        height: 3em;

        position: relative; }

        .recruits .ritop .searcd .stn img {

          width: 20px;

          height: 20px;

          position: absolute;

          left: 50%;

          top: 50%;

          transform: translate(-50%, -50%);

          z-index: 1; }

        .recruits .ritop .searcd .stn input {

          position: absolute;

          left: 0;

          top: 0;

          width: 100%;

          height: 100%;

          opacity: 0;

          cursor: pointer;

          z-index: 3; }

  .recruits .recrtlis {

    width: 100%; }

    .recruits .recrtlis .ril {

      width: 100%;

      font-size: 0;

      background-color: #fff;

      border-bottom: solid 1px #eee; }

      .recruits .recrtlis .ril .ritle {

        width: 100%;

        font-size: 0;

        display: flex;

        padding: 0.15rem;

        cursor: pointer; }

        .recruits .recrtlis .ril .ritle .rd {

          display: inline-block;

          vertical-align: middle;

          width: calc((100%) / 5);

          padding: 0.1rem;

          color: #333;

          line-height: 1.5;

          text-align: center; }

        .recruits .recrtlis .ril .ritle .rd:first-child {

          text-align: left; }

      .recruits .recrtlis .ril .reconp {

        width: 100%;

        padding: 0.6rem;

        display: none;

        background-color: #fff; }

        .recruits .recrtlis .ril .reconp .renp {

          width: 100%;

          font-size: 0; }

        .recruits .recrtlis .ril .reconp .rinp {

          width: 100%;

          color: #666;

          line-height: 1.8; }

          .recruits .recrtlis .ril .reconp .rinp p {

            color: #666;

            line-height: 1.8; }

        .recruits .recrtlis .ril .reconp .rules {

          width: 100%;

          position: relative;

          margin-top: 0.2rem;

          overflow: hidden; }

          .recruits .recrtlis .ril .reconp .rules:after {

            content: ' ';

            clear: both;

            height: 0;

            position: absolute; }

          .recruits .recrtlis .ril .reconp .rules .riem {

            width: 45%;

            margin-right: 10%;

            margin-bottom: 0.3rem;

            display: inline-block;

            vertical-align: top; }

            .recruits .recrtlis .ril .reconp .rules .riem .rit {

              width: 100%;

              color: #222;

              line-height: 1.5;

              margin-bottom: 0.15rem; }

            .recruits .recrtlis .ril .reconp .rules .riem .lx {

              display: block;

              margin: 0.15rem 0 0.25rem;

              width: 0.3rem;

              height: 0.04rem;

              background-color: var(--themes); }

            .recruits .recrtlis .ril .reconp .rules .riem .pul {

              width: 100%;

              color: #666;

              line-height: 1.7; }

              .recruits .recrtlis .ril .reconp .rules .riem .pul p {

                color: #666;

                line-height: 1.7; }

          .recruits .recrtlis .ril .reconp .rules .riem:nth-child(2n) {

            margin-right: 0; }

        .recruits .recrtlis .ril .reconp .deliver {

          width: 100%;

          font-size: 0; }

          .recruits .recrtlis .ril .reconp .deliver a {

            display: inline-block;

            vertical-align: middle;

            background-color: var(--themes);

            color: #fff;

            line-height: 3;

            width: auto;

            padding: 0 0.4rem;

            border-radius: 1.5em; }

            .recruits .recrtlis .ril .reconp .deliver a span {

              display: inline-block;

              vertical-align: middle;

              width: 19px;

              height: 19px;

              margin-left: 0.2rem; }

              .recruits .recrtlis .ril .reconp .deliver a span img {

                width: 100%;

                display: block; }

        .recruits .recrtlis .ril .reconp .remd {

          width: 100%;

          font-size: 0; }

          .recruits .recrtlis .ril .reconp .remd .rtm {

            display: inline-block;

            vertical-align: middle;

            background-color: var(--themes);

            color: #fff;

            line-height: 3;

            border-radius: 0.05rem;

            padding: 0 0.3rem; }

    .recruits .recrtlis .ril.head .ritle {

      background-color: var(--themes); }

      .recruits .recrtlis .ril.head .ritle .rd {

        color: #fff; }

    .recruits .recrtlis .ril.head:hover .ritle {

      background-color: var(--themes); }

      .recruits .recrtlis .ril.head:hover .ritle .rd {

        color: #fff; }

    .recruits .recrtlis .ril.show .ritle {

      background-color: #999; }

      .recruits .recrtlis .ril.show .ritle .rd {

        color: #fff; }

    .recruits .recrtlis .ril:hover .ritle {

      background-color: #999; }

      .recruits .recrtlis .ril:hover .ritle .rd {

        color: #fff; }



.contacts {

  width: 100%;

  background-color: #fafafa;

  padding: 0.8rem 0 0; }

  .contacts .citp {

    width: 100%;

    color: #111;

    font-weight: bold;

    line-height: 1.3;

    margin-bottom: 0.5rem; }

  .contacts .contact {

    width: 100%;

    border-top: solid 1px rgba(0, 0, 0, 0.1); }

    .contacts .contact .conlist {

      width: 100%;

      font-size: 0;

      display: flex;

      flex-wrap: wrap; }

      .contacts .contact .conlist .citem {

        display: inline-block;

        vertical-align: top;

        width: 33.33%;

        border-left: solid 1px rgba(0, 0, 0, 0.1);

        padding: 1rem 0.6rem;

        position: relative; }

        .contacts .contact .conlist .citem:after {

          content: ' ';

          position: absolute;

          left: 0;

          width: 0.03rem;

          height: 1.4rem;

          top: 1rem;

          background-color: var(--themes); }

        .contacts .contact .conlist .citem .dc {

          display: block;

          width: 0.64rem;

          height: 0.64rem;

          margin-bottom: 0.45rem; }

          .contacts .contact .conlist .citem .dc img {

            width: 100%;

            display: block; }

        .contacts .contact .conlist .citem .xx {

          width: 100%;

          color: #666;

          line-height: 1.5; }

        .contacts .contact .conlist .citem .pim {

          width: 100%;

          color: #111;

          line-height: 1.3;

          font-weight: bold;

          margin-top: 0.2rem; }

        .contacts .contact .conlist .citem .pie {

          width: 100%;

          color: #111;

          line-height: 1.3;

          font-weight: bold;

          margin-top: 0.2rem; }

      .contacts .contact .conlist .citem:nth-child(3n) {

        border-right: solid 1px rgba(0, 0, 0, 0.1); }



@media (max-width: 800px) {

  .contacts .contact .conlist .citem {

    width: 100%;

    padding: 0.3rem 0.5rem;

    border-right: solid 1px rgba(0, 0, 0, 0.1); }

  .contacts .contact .conlist .citem + .citem {

    border-top: solid 1px rgba(0, 0, 0, 0.1); } }

.address {

  width: 100%;

  display: flex;

  flex-wrap: wrap; }

  .address .adl {

    display: inline-block;

    vertical-align: middle;

    width: calc(930 / 1920 * 100%);

    padding: 0.5rem 0.5rem 1rem calc(160 / 1920 * 100%); }

    .address .adl .ait {

      width: 100%;

      color: #fff;

      line-height: 1.5;

      font-weight: bold;

      margin-bottom: 0.22rem; }

    .address .adl .banklist {

      width: 100%;

      font-size: 0; }

      .address .adl .banklist .bitem {

        display: inline-block;

        vertical-align: top;

        width: calc(340 / 710 * 100%);

        margin-right: calc(29 / 710 * 100%);

        margin-bottom: 0.3rem;

        padding: 0.2rem;

        border: solid 1px rgba(255, 255, 255, 0.1); }

        .address .adl .banklist .bitem .boop {

          width: 100%;

          font-size: 0;

          padding-bottom: 0.2rem; }

          .address .adl .banklist .bitem .boop .log {

            display: inline-block;

            vertical-align: middle;

            height: 0.28rem;

            max-width: calc(100% - 5em - 1px - 0.3rem);

            width: auto; }

            .address .adl .banklist .bitem .boop .log img {

              height: 100%;

              display: block; }

          .address .adl .banklist .bitem .boop .lx {

            display: inline-block;

            vertical-align: middle;

            width: 1px;

            background-color: rgba(255, 255, 255, 0.1);

            height: 0.3rem;

            margin: 0 0.15rem; }

          .address .adl .banklist .bitem .boop .ed {

            display: inline-block;

            vertical-align: middle;

            color: #fff;

            line-height: 1.5; }

        .address .adl .banklist .bitem .bodm {

          width: 100%;

          padding-top: 0.2rem;

          border-top: solid 1px rgba(255, 255, 255, 0.1); }

          .address .adl .banklist .bitem .bodm .xims {

            width: 100%; }

          .address .adl .banklist .bitem .bodm .xim {

            width: 100%;

            color: #fff;

            line-height: 1.5; }

          .address .adl .banklist .bitem .bodm .xim + .xim {

            margin-top: 0.05rem; }

      .address .adl .banklist .bitem:nth-child(2n) {

        margin-right: 0; }

  .address .adr {

    display: inline-block;

    vertical-align: middle;

    width: calc(990 / 1920 * 100%);

    position: relative; }

    .address .adr .map {

      width: 100%;

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%; }

      .address .adr .map img {

        width: 100%;

        height: 100%;

        display: block; }



@media (max-width: 800px) {

  .address .adl {

    width: 100%;

    padding: 0.4rem; }

    .address .adl .banklist .bitem {

      width: 100%;

      padding: 0.4rem;

      margin-right: 0; }

      .address .adl .banklist .bitem .boop .log {

        height: 0.4rem; }

  .address .adr {

    width: 100%; }

    .address .adr .map {

      width: 100%;

      position: relative;

      height: auto; } }

.network {

  width: 100%;

  padding: 0.6rem 0;

  background-color: #fafafa; }

  .network .netwom {

    width: 100%;

    font-size: 0;

    margin-bottom: 0.4rem; }

    .network .netwom .select {

      display: inline-block;

      vertical-align: middle;

      border: none;

      text-align: left;

      position: relative;

      margin-right: 0.15rem;

      background-color: #fff;

      width: 2.2rem; }

      .network .netwom .select .select-con {

        width: 100%;

        display: inline-block;

        vertical-align: middle;

        position: relative;

        font-size: 0; }

        .network .netwom .select .select-con .select-value {

          display: inline-block;

          vertical-align: middle;

          width: 100%;

          line-height: 3.5em;

          height: 3.5em;

          cursor: pointer;

          color: #666;

          padding: 0 .2rem; }

        .network .netwom .select .select-con select {

          position: absolute;

          width: 100%;

          height: 100%;

          left: 0;

          top: 0;

          z-index: 2;

          opacity: 0; }

          .network .netwom .select .select-con select option {

            color: #666;

            font-size: .16rem;

            line-height: 2.5;

            background: #fff; }

        .network .netwom .select .select-con .seluls {

          position: absolute;

          left: 0;

          top: 100%;

          min-width: 100%;

          max-height: 360px;

          overflow: auto;

          display: none;

          box-sizing: border-box;

          text-align: left;

          background-color: #fff;

          z-index: 123;

          border-radius: 4px;

          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);

          overflow: auto;

          /*滚动条里面小方块*/

          /*滚动条里面轨道*/ }

          .network .netwom .select .select-con .seluls .option {

            width: 100%;

            color: #666;

            line-height: 2.5;

            background: #fff;

            cursor: pointer;

            padding: 0 0.15rem; }

          .network .netwom .select .select-con .seluls .option:hover {

            background-color: var(--themes);

            color: #fff; }

          .network .netwom .select .select-con .seluls .option + .option {

            border-top: solid 1px #ddd; }

        .network .netwom .select .select-con .seluls::-webkit-scrollbar {

          width: 4px;

          height: 4px;

          scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }

        .network .netwom .select .select-con .seluls::-webkit-scrollbar-thumb {

          border-radius: 10px;

          -webkit-box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.3);

          background: rgba(1, 98, 177, 0.3);

          scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }

        .network .netwom .select .select-con .seluls::-webkit-scrollbar-track {

          border-radius: 10px;

          -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);

          background: rgba(0, 0, 0, 0.1); }

      .network .netwom .select .select-con:after {

        display: inline-block;

        content: "";

        position: absolute;

        right: .2rem;

        top: 50%;

        transform: translateY(-50%);

        z-index: 1;

        width: 12px;

        height: 7px;

        background-image: url("../images/xx.png");

        background-size: 100%;

        background-repeat: no-repeat;

        background-position: center; }

    .network .netwom .comfirm {

      display: inline-block;

      vertical-align: middle;

      width: auto; }

      .network .netwom .comfirm input {

        display: inline-block;

        vertical-align: middle;

        background-color: var(--themes);

        padding: 0 0.4rem;

        width: auto;

        border: none;

        cursor: pointer;

        color: #fff;

        line-height: 3.5;

        height: 3.5em;

        text-align: center; }

  .network .netwolis {

    width: 100%;

    font-size: 0; }

    .network .netwolis .netom {

      display: inline-block;

      vertical-align: top;

      width: calc(520 / 1600 * 100%);

      margin-right: calc(19 / 1600 * 100%);

      margin-bottom: 0.2rem;

      background-color: #fff;

      border: solid 1px #dcdcdc;

      padding: 0.28rem; }

      .network .netwolis .netom .eit {

        width: 100%;

        color: #000;

        font-weight: bold;

        line-height: 1.5; }

      .network .netwolis .netom .lx {

        display: block;

        background-color: var(--themes);

        width: 0.26rem;

        height: 3px;

        margin: 0.2rem 0; }

      .network .netwolis .netom .dul {

        width: 100%; }

      .network .netwolis .netom .dinp {

        width: 100%;

        color: #666;

        line-height: 1.7; }

        .network .netwolis .netom .dinp p {

          color: #666;

          line-height: 1.7; }

    .network .netwolis .netom:nth-child(3n) {

      margin-right: 0; }



.products {

  width: 100%;

  position: relative;

  background-color: #fafafa;

  padding: 0.7rem 0; }

  .products .produlis {

    width: 100%;

    font-size: 0; }

    .products .produlis .prdem {

      display: inline-block;

      vertical-align: top;

      width: calc(385 / 1600 * 100%);

      margin-right: calc(19 / 1600 * 100%);

      margin-bottom: 0.2rem;

      padding: 0.3rem 0.2rem;

      background-color: #fff;

      border: solid 1px #dcdcdc; }

      .products .produlis .prdem a {

        width: 100%;

        display: block; }

      .products .produlis .prdem .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .products .produlis .prdem .imgs .img {width: 100%;padding-top: 76.47%;transition: all ease 0.5s;background-size: contain!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}

      .products .produlis .prdem .pim {

        width: 100%;

        text-align: center;

        color: #000;

        line-height: 1.5;

        margin-top: 0.15rem; }

    .products .produlis .prdem:nth-child(4n) {

      margin-right: 0; }

    .products .produlis .prdem:hover {

      box-shadow: 0px -10px 28px 4px rgba(0, 53, 97, 0.11); }

      .products .produlis .prdem:hover .imgs .img {

        transform: scale(1.1); }

      .products .produlis .prdem:hover .pim {

        color: var(--themes); }

  .products .more {

    width: 100%;

    font-size: 0;

    text-align: center;

    margin-top: 0.2rem; }

    .products .more .atn {

      display: inline-block;

      vertical-align: middle;

      color: #fff;

      background-color: var(--themes);

      padding: 0 0.5rem;

      cursor: pointer;

      line-height: 3; }



.resource {

  width: 100%;

  padding: 0.8rem 0 0.6rem; }

  .resource .downlis {

    width: 100%;

    font-size: 0; }

    .resource .downlis .ditem {

      display: inline-block;

      vertical-align: top;

      width: calc(780 / 1600 * 100%);

      margin-right: calc(39 / 1600 * 100%);

      margin-bottom: 0.3rem;

      background-color: #ffffff;

      border: solid 1px #dcdcdc;

      font-size: 0; }

      .resource .downlis .ditem .eam {

        width: 100%;

        padding: 0.24rem;

        display: flex;

        align-items: center; }

      .resource .downlis .ditem .dc {

        display: inline-block;

        vertical-align: middle;

        width: 0.44rem;

        height: 0.44rem;

        margin-right: 0.2rem; }

        .resource .downlis .ditem .dc img {

          width: 100%;

          display: block; }

      .resource .downlis .ditem .name {

        display: inline-block;

        vertical-align: middle;

        width: calc(100% - 130px - 0.44rem - 1rem - 0.2rem); }

        .resource .downlis .ditem .name a {

          width: 100%;

          display: block;

          color: #111;

          font-weight: bold;

          line-height: 1.5; }

        .resource .downlis .ditem .name a:hover {

          color: var(--themes); }

      .resource .downlis .ditem .size {

        width: 1rem;

        display: inline-block;

        vertical-align: middle;

        color: #666;

        line-height: 1.5; }

      .resource .downlis .ditem .atn {

        display: inline-block;

        vertical-align: middle;

        width: 130px; }

        .resource .downlis .ditem .atn a {

          display: inline-block;

          vertical-align: middle;

          border: solid 2px #dcdcdc;

          color: #666;

          line-height: 2.8;

          border-radius: 1.4em;

          white-space: nowrap;

          width: 100%;

          text-align: center; }

          .resource .downlis .ditem .atn a .xd {

            display: inline-block;

            vertical-align: middle;

            width: 18px;

            height: 18px;

            margin-right: 0.1rem; }

            .resource .downlis .ditem .atn a .xd img {

              width: 100%;

              display: block; }

            .resource .downlis .ditem .atn a .xd img:first-child {

              display: block; }

            .resource .downlis .ditem .atn a .xd img:last-child {

              display: none; }

        .resource .downlis .ditem .atn a:hover {

          color: #fff;

          background-color: var(--themes);

          border: solid 2px var(--themes); }

          .resource .downlis .ditem .atn a:hover .xd img:first-child {

            display: none; }

          .resource .downlis .ditem .atn a:hover .xd img:last-child {

            display: block; }

    .resource .downlis .ditem:nth-child(2n) {

      margin-right: 0; }



.mains {

  width: 100%;

  position: relative;

  z-index: 4; }



.areas {

  width: 100%;

  padding: 0.8rem 0; }

  .areas .aeiom {

    width: 100%; }

  .areas .aeiom + .aeiom {

    margin-top: 0.3rem; }
    .areas .acremd{
      width: 100%;
    }
    .areas .acremd .cepom{
      width: 100%;
      display: none;
    }
    .areas .acremd .cepom.on{
      display: block;
    }
    .areas .acremd .cepom .imgs{
      width: 100%;
      display: block;
    }
    .areas .acremd .cepom img{
      width: 100%;
      display: block;
    }

  .areas .caselisd {

    width: 100%;

    padding: 0 0.3rem;

    background-color: #fff;

    border: solid 1px #dcdcdc; }

    .areas .caselisd .castm {

      width: 100%;

      font-size: 0;

      padding: 0.24rem 0; }

      .areas .caselisd .castm a {

        width: 100%;

        display: block; }

      .areas .caselisd .castm .imgs {

        display: inline-block;

        vertical-align: middle;

        width: calc(325 / 1556 * 100%);

        position: relative;

        overflow: hidden;

        border: solid 1px #dcdcdc;

        background-color: #fff; }

        .areas .caselisd .castm .imgs .img {

          width: 100%;

          padding-top: 59.69%;

          transition: all ease 0.5s; }

      .areas .caselisd .castm .pem {

        display: inline-block;

        vertical-align: middle;

        width: calc(1231 / 1556 * 100%);

        padding-left: 0.3rem;

        padding-right: 0.2rem; }

        .areas .caselisd .castm .pem .time {

          width: 100%;

          color: #999;

          line-height: 1.5; }

        .areas .caselisd .castm .pem .ait {

          width: 100%;

          color: #000;

          font-weight: bold;

          line-height: 1.5;

          margin: 0.06rem 0; }

        .areas .caselisd .castm .pem .aim {

          width: 100%;

          color: #666;

          line-height: 1.6;

          margin: 0.1rem 0; }

        .areas .caselisd .castm .pem .check {

          width: 100%;

          color: #999;

          line-height: 1.5;

          margin-top: 0.15rem; }

    .areas .caselisd .castm:hover .imgs .img {

      transform: scale(1.1); }

    .areas .caselisd .castm:hover .pem .ait {

      color: var(--themes); }

    .areas .caselisd .castm + .castm {

      border-top: solid 1px rgba(0, 0, 0, 0.08); }

  .areas .ainps {

    width: 100%;

    padding: 0.3rem 0.2rem 0.2rem;

    background-color: #fff;

    border: solid 1px #dcdcdc;

    color: #666;

    line-height: 1.5; }

    .areas .ainps p {

      color: #666;

      line-height: 1.5; }
      .areas .ainps .img_s{
        text-align: center;
      }
     .areas .ainps .vd{
        text-align: center;
      }
     .areas .ainps .vd video{
        margin: 0.1rem auto;
      }
     .areas .ainps .img_s img{
        margin: 0.1rem 0;
      }
      .areas .ainps table{
        width: 100%;display: block;
        margin: 0.1rem 0;
      }
      .areas .ainps tbody{
        width: 100%;display: table;
      }
      .areas .ainps tr{
          width: 100%;
      }
      .areas .ainps td{
        padding: 0.15rem;
      }

  .areas .aepers {

    width: 100%;

    position: relative; }

    .areas .aepers .swiper-slide {

      width: 100%; }

      .areas .aepers .swiper-slide a {

        width: 100%;

        display: block; }

      .areas .aepers .swiper-slide .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .areas .aepers .swiper-slide .imgs .img {

          width: 100%;

          padding-top: 77.66%;

          transition: all ease 0.5s; }

      .areas .aepers .swiper-slide .com {

        width: 100%;

        background-color: #ffffff;

        border: solid 1px #dcdcdc;

        padding: 0.2rem;

        text-align: center;

        color: #000;

        line-height: 1.5; }

    .areas .aepers .swiper-slide:hover .imgs .img {

      transform: scale(1.1); }

    .areas .aepers .swiper-slide:hover .com {

      color: var(--themes); }

    .areas .aepers .btn {

      position: absolute;

      z-index: 3;

      top: 50%;

      transform: translateY(-50%);

      width: 0.15rem;

      cursor: pointer; }

      .areas .aepers .btn img {

        width: 100%;

        display: block; }

      .areas .aepers .btn img:first-child {

        display: block; }

      .areas .aepers .btn img:last-child {

        display: none; }

    .areas .aepers .btn:hover img:first-child {

      display: none; }

    .areas .aepers .btn:hover img:last-child {

      display: block; }

    .areas .aepers .bl {

      left: -0.2rem; }

    .areas .aepers .br {

      right: -0.2rem; }

  .areas .apeam {

    width: 100%;

    padding: 0.3rem 0.2rem;

    background-color: #fff;

    border: solid 1px #dcdcdc;

    color: #666;

    line-height: 1.5;

    font-size: 0; }

    .areas .apeam .ali {

      display: inline-block;

      vertical-align: top;

      width: 20%;

      padding-right: 0.2rem;

      color: #666;

      line-height: 1.5;

      margin-bottom: 0.1rem; }



@media (max-width: 800px) {

  .areas .aepers .btn {

    width: 15px; }

  .areas .aepers .bl {

    left: -0.05rem; }

  .areas .aepers .br {

    right: -0.05rem; } }

.proxy {

  width: 100%;

  padding: 0.8rem 0; }

  .proxy .proxble {

    width: 100%;

    background-color: #ffffff;

    border: solid 1px #c8c8c8;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    position: relative; }

    .proxy .proxble:after {

      content: ' ';

      position: absolute;

      z-index: 1;

      left: 33.33%;

      width: 1px;

      height: 100%;

      background-color: #c8c8c8;

      top: 0; }

    .proxy .proxble:before {

      content: ' ';

      position: absolute;

      z-index: 1;

      left: 66.66%;

      width: 1px;

      height: 100%;

      background-color: #c8c8c8;

      top: 0; }

    .proxy .proxble .pli {

      width: calc(33.33%);

      display: flex;

      padding: 0.12rem 0.24rem;

      border-bottom: solid 1px #c8c8c8;

      position: relative;

      z-index: 2; }

      .proxy .proxble .pli .name {

        display: inline-block;

        vertical-align: middle;

        line-height: 1.75;

        color: #000;

        width: auto;

        min-height: 1.75em; }

      .proxy .proxble .pli .tem {

        display: inline-block;

        vertical-align: middle;

        flex: 1;

        line-height: 1.75;

        color: #666;

        min-height: 1.75em;

        word-break: break-all; }

    .proxy .proxble .pli.nobor {

      border-bottom: none; }

  .proxy .aeiom{
    width: 100%;  
  }
  .proxy .ainps{
    width: 100%;  
    line-height: 1.75;
    color: #666;

  }
  .proxy .ainps table{
    width: 100%;display: block;
  }
  .proxy .ainps tbody{
    width: 100%;display: table;
  }
  .proxy .ainps tr{
      width: 100%;
  }
  .proxy .ainps td{
    padding: 0.15rem;
  }



@media (max-width: 500px) {

  .proxy .proxble:after, .proxy .proxble:before {

    display: none; }

  .proxy .proxble .pli {

    width: 100%;

    padding: 0.2rem 0.24rem; }

  .proxy .proxble .pli:last-child {

    border: none; } }

.feature {

  width: 100%;

  padding: 0.8rem 0; }

  .feature .fecom {

    width: 100%;

    background-color: #ffffff;

    border: solid 1px #dcdcdc;

    padding: 0.4rem 0.3rem; }

    .feature .fecom .finps {

      width: 100%;

      color: #666;

      line-height: 1.6; }
      .feature .fecom .finps ul{
        max-width: 100%;
      }
      .feature .fecom .finps .feature{
        padding: 0;
      }

      .feature .fecom .finps p {

        color: #666;

        line-height: 1.6; }
       .feature .fecom .finps .img_s{
          text-align: center;
        }
       .feature .fecom .finps .vd{
          text-align: center;
        }
       .feature .fecom .finps .vd video{
          margin: 0.1rem auto;
        }
       .feature .fecom .finps .img_s img{
          margin: 0.1rem 0;
        }
        .feature .fecom .finps table{
          width: 100%;display: block;
          margin: 0.1rem 0;
        }
        .feature .fecom .finps tbody{
          width: 100%;display: table;
        }
        .feature .fecom .finps tr{
            width: 100%;
        }
        .feature .fecom .finps td{
          padding: 0.15rem;
        }

      .feature .fecom .finps .fli {

        width: 100%;

        position: relative;

        padding-left: 0.2rem;

        color: #666;

        line-height: 1.6; }

        .feature .fecom .finps .fli:after {

          content: ' ';

          position: absolute;

          left: 0;

          top: calc(0.8em - 0.03rem);

          width: 0.06rem;

          height: 0.06rem;

          border-radius: 50%;

          background-color: #000; }

    .feature .fecom .finps + .fecper {

      margin-top: 0.35rem; }

    .feature .fecom .fecper {

      display: block;

      margin: 0 auto;

      width: 6.6rem;

      position: relative;

      width: calc(100% - 40px);

      max-width: 660px; }

      .feature .fecom .fecper .swiper-slide {

        width: 100%;

        position: relative; }

        .feature .fecom .fecper .swiper-slide .imgs {

          width: 100%;

          position: relative;

          overflow: hidden; }

          .feature .fecom .fecper .swiper-slide .imgs .img {

            width: 100%;

            padding-top: 75.07%;

            transition: all ease 0.5s; }

        .feature .fecom .fecper .swiper-slide .imx {

          position: absolute;

          bottom: 0;

          left: 0;

          right: 0;

          width: 100%;

          z-index: 2;

          background-color: rgba(0, 0, 0, 0.5);

          padding: 0.15rem;

          color: #fff;

          line-height: 1.5;

          padding-right: 0.5rem; }

      .feature .fecom .fecper .btn {

        position: absolute;

        z-index: 3;

        top: 50%;

        transform: translateY(-50%);

        width: 15px;

        cursor: pointer; }

        .feature .fecom .fecper .btn img {

          width: 100%;

          display: block; }

        .feature .fecom .fecper .btn img:first-child {

          display: block; }

        .feature .fecom .fecper .btn img:last-child {

          display: none; }

      .feature .fecom .fecper .btn:hover img:first-child {

        display: none; }

      .feature .fecom .fecper .btn:hover img:last-child {

        display: block; }

      .feature .fecom .fecper .bl {

        left: -20px; }

      .feature .fecom .fecper .br {

        right: -20px; }

      .feature .fecom .fecper .swiper-pagination {

        width: auto;

        left: auto;

        right: 0.1rem; }

      .feature .fecom .fecper .swiper-pagination-bullet {

        display: inline-block;

        vertical-align: middle;

        opacity: 1;

        background-color: rgba(255, 255, 255, 0.3); }

      .feature .fecom .fecper .swiper-pagination-bullet-active {

        background-color: #fff; }

    .feature .fecom .showm {

      width: 100%; }



.shows {

  width: 100%;

  padding: 0.8rem 0; }

  .shows .showm {

    width: 100%;

    background-color: #ffffff;

    border: solid 1px #dcdcdc;

    padding: 0.4rem 0.3rem; }

    .shows .showm .shinp {

      width: 100%;

      color: #666;

      line-height: 1.6; }

      .shows .showm .shinp p {

        color: #666;

        line-height: 1.6; }



.petails {

  width: 100%;

  padding: 0.8rem 0; }

  .petails .petail {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .petails .petail .pel {

      display: inline-block;

      vertical-align: middle;

      width: calc(780 / 1600 * 100%); }

      .petails .petail .pel .petop {

        width: 100%;

        position: relative; }

        .petails .petail .pel .petop .swiper-slide {

          width: 100%;

          position: relative;

          border: solid 1px #dcdcdc;

          background-color: #fff; }

          .petails .petail .pel .petop .swiper-slide .imgs {

            width: 100%;

            position: relative;

            overflow: hidden; }

            .petails .petail .pel .petop .swiper-slide .imgs .img {

              width: 100%;

              padding-top: 57.69%;

              transition: all ease 0.5s; }

        .petails .petail .pel .petop .btn {

          position: absolute;

          z-index: 3;

          top: 50%;

          transform: translateY(-50%);

          width: 0.15rem;

          cursor: pointer; }

          .petails .petail .pel .petop .btn img {

            width: 100%;

            display: block; }

          .petails .petail .pel .petop .btn img:first-child {

            display: block; }

          .petails .petail .pel .petop .btn img:last-child {

            display: none; }

        .petails .petail .pel .petop .btn:hover img:first-child {

          display: none; }

        .petails .petail .pel .petop .btn:hover img:last-child {

          display: block; }

        .petails .petail .pel .petop .bl {

          left: 0.2rem; }

        .petails .petail .pel .petop .br {

          right: 0.2rem; }

      .petails .petail .pel .pebot {

        width: 100%;

        margin-top: 0.14rem; }

        .petails .petail .pel .pebot .swiper-slide {

          width: 100%;

          position: relative;

          border: solid 1px #dcdcdc;

          background-color: #fff;

          cursor: pointer; }

          .petails .petail .pel .pebot .swiper-slide .imgs {

            width: 100%;

            position: relative;

            overflow: hidden; }

            .petails .petail .pel .pebot .swiper-slide .imgs .img {

              width: 100%;

              padding-top: 68.75%;

              transition: all ease 0.5s; }

        .petails .petail .pel .pebot .swiper-slide.on {

          border: solid 2px var(--themes); }

    .petails .petail .per {

      display: inline-block;

      vertical-align: middle;

      width: calc(760 / 1600 * 100%);

      padding-top: 0.35rem; }

      .petails .petail .per .pit {

        width: 100%;

        color: #000;

        font-weight: bold;

        line-height: 1.3; }

      .petails .petail .per .pim {

        width: 100%;

        font-size: 0;

        margin-top: 0.08rem; }

        .petails .petail .per .pim .share {

          display: inline-block;

          vertical-align: middle;

          width: auto; }

          .petails .petail .per .pim .share .sm {

            display: inline-block;

            vertical-align: middle;

            color: #999;

            line-height: 1.5; }

          .petails .petail .per .pim .share .am {

            display: inline-block;

            vertical-align: middle;

            color: #999;

            line-height: 1.5;

            position: relative;

            width: 0.2rem;

            height: 0.2rem;

            min-width: 18px;

            min-height: 18px;

            margin-right: 0.12rem; }

            .petails .petail .per .pim .share .am a {

              width: 100%;

              display: block; }

            .petails .petail .per .pim .share .am .comd {

              position: absolute;

              left: 50%;

              top: 100%;

              transform: translateX(-50%);

              width: 1.3rem;

              padding: 0.08rem;

              background-color: #fff;

              border-radius: 0.05rem;

              display: none; }

              .petails .petail .per .pim .share .am .comd img {

                width: 100%;

                display: block; }

          .petails .petail .per .pim .share .am:hover .comd {

            display: block; }

      .petails .petail .per .lx {

        width: 100%;

        background-color: #dcdcdc;

        height: 1px;

        margin: 0.3rem 0; }

      .petails .petail .per .pinps {

        width: 100%;

        color: #666;

        line-height: 1.75;

        margin: 0.35rem 0; }

        .petails .petail .per .pinps p {

          color: #666;

          line-height: 1.75; }

      .petails .petail .per .check {

        width: 100%;

        font-size: 0;

        margin-top: 0.35rem; }

        .petails .petail .per .check a {

          display: inline-block;

          vertical-align: middle;

          padding: 0 0.5rem;

          background-color: var(--themes);

          color: #fff;

          line-height: 3;
          position: relative;

          border-radius: 1.5em; }

          .petails .petail .per .check a span {

            display: inline-block;

            vertical-align: middle;

            width: 18px;

            margin-right: 0.1rem; }

            .petails .petail .per .check a img {

              width: 100%;

              display: block; }
              .petails .petail .per .check a .codm{
                position: absolute;
                left: 50%;    
                bottom: calc(100% + 0.1rem);
                background-color: #fff;
                border-radius: 0.1rem;
                width: 1.4rem;
                height: 1.4rem;
                transform: translateX(-50%);
                display: none;
                padding: 0.1rem;
                box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
              }
              .petails .petail .per .check a:hover .codm{display: block;}



.customized {
width: 100%;
background-color: #f7f7f7;
padding: 0.6rem 0;
position: relative;
z-index: 3; }
.customized .forms {
width: 100%; }
.customized .forms form {
  width: 100%;
  display: block;
  font-size: 0; }
.customized .forms .row {
  width: 100%; }
  .customized .forms .row .input {
    display: inline-block;
    vertical-align: top;
    width: calc(780 / 1600 * 100%);
    margin-right: calc(39 / 1600 * 100%);
    margin-bottom: 0.2rem; }
    .customized .forms .row .input .int {
      width: 100%;
      display: block;
      background-color: #ffffff;
      border: solid 1px #dcdcdc;
      padding: 0 0.15rem;
      color: #333;
      line-height: 3;
      height: 3em; }
    .customized .forms .row .input .inc {
      width: 2.5rem;
      display: inline-block;
      vertical-align: middle;
      background-color: #ffffff;
      border: solid 1px #dcdcdc;
      padding: 0 0.15rem;
      color: #333;
      line-height: 3;
      height: 3em; }
    .customized .forms .row .input .ymg {
      display: inline-block;
      vertical-align: middle;
      height: 3em;
      width: auto;
      margin: 0 0.1rem; }
      .customized .forms .row .input .ymg img {
        height: 100%;
        display: block; }
    .customized .forms .row .input .em {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      color: #999;
      line-height: 1.5; }
    .customized .forms .row .input .select {
      /* font-size: 0; */
      display: inline-block;
      vertical-align: middle;
      border: none;
      text-align: left;
      position: relative;
      width: 2.6rem;
      width: 100%;
      cursor: pointer; }
      .customized .forms .row .input .select .select-con {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-size: 0; }
        .customized .forms .row .input .select .select-con .select-value {
          display: inline-block;
          vertical-align: middle;
          width: 100%;
          line-height: 3.5em;
          height: 3.5em;
          color: #666;
          padding: 0 .2rem;
          background-color: #ffffff;
          border: solid 1px #dcdcdc; }
        .customized .forms .row .input .select .select-con select {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 2;
          opacity: 0; }
          .customized .forms .row .input .select .select-con select option {
            color: #666;
            font-size: .16rem;
            line-height: 2.5;
            background: #fff; }
        .customized .forms .row .input .select .select-con .seluls {
          position: absolute;
          left: 0;
          top: 100%;
          min-width: 100%;
          max-height: 360px;
          overflow: auto;
          display: none;
          box-sizing: border-box;
          text-align: left;
          background-color: #fff;
          z-index: 123;
          border-radius: 4px;
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
          overflow: auto;
          /*滚动条里面小方块*/
          /*滚动条里面轨道*/ }
          .customized .forms .row .input .select .select-con .seluls .option {
            width: 100%;
            color: #666;
            line-height: 2.5;
            background: #fff;
            cursor: pointer;
            padding: 0 0.15rem; }
          .customized .forms .row .input .select .select-con .seluls .option:hover {
            background-color: var(--themes);
            color: #fff; }
          .customized .forms .row .input .select .select-con .seluls .option + .option {
            border-top: solid 1px #ddd; }
        .customized .forms .row .input .select .select-con .seluls::-webkit-scrollbar {
          width: 4px;
          height: 4px;
          scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
        .customized .forms .row .input .select .select-con .seluls::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 10px rgba(1, 98, 177, 0.3);
          background: rgba(1, 98, 177, 0.3);
          scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
        .customized .forms .row .input .select .select-con .seluls::-webkit-scrollbar-track {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
          background: rgba(0, 0, 0, 0.1); }
      .customized .forms .row .input .select .select-con:after {
        display: inline-block;
        content: "";
        position: absolute;
        right: .2rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        width: 12px;
        height: 7px;
        background-image: url("../images/xx.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center; }
  .customized .forms .row .input:nth-child(2n) {
    margin-right: 0; }
  .customized .forms .row .text {
    width: 100%;
    display: block;
    margin-bottom: 0.2rem; }
    .customized .forms .row .text .area {
      width: 100%;
      display: block;
      background-color: #ffffff;
      border: solid 1px #dcdcdc;
      padding: 0.15rem 0.15rem;
      color: #333;
      line-height: 1.5; }
.customized .forms .sub {
  width: 100%;
  font-size: 0;
  text-align: center; }
  .customized .forms .sub .stn {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    cursor: pointer;
    line-height: 3;
    height: 3em;
    padding: 0 0.4rem;
    border-radius: 1.5em;
    cursor: pointer;
    width: auto;
    border: none;
    background-color: var(--themes); }

    .social-share a{
      margin: 0 !important;
    }

    .crumbs.fixed {
      position: fixed;
      z-index: 19;
      left: 0;
      right: 0;
      background-color: #fff;
      box-shadow: 0px 1px 40px 3px rgba(29, 0, 0, 0.05);overflow: hidden; }
      .searchlom {
        width: 100%;
        padding: 0.6rem 0 0.3rem; }
        .searchlom .results {
          width: 100%; }
          .searchlom .results .rips {
            width: 100%;
            color: #222;
            line-height: 1.5; }
            .searchlom .results .rips a {
              display: inline-block;
              color: #222;
              line-height: 1.5;
              margin-right: 0.25rem; }
              .searchlom .results .rips a i {
                display: inline-block;
                margin: 0 0.06rem;
                color: var(--themes);
                font-style: normal; }
          .searchlom .results .resulis {
            width: 100%;
            margin-top: 0.4rem; }
            .searchlom .results .resulis .reuom {
              width: 100%;
              border: solid 1px #ddd;
              transition: all ease 0.5s;
              border-radius: 0.2rem; }
              .searchlom .results .resulis .reuom a {
                width: 100%;
                display: block;
                padding: 0.3rem 0.25rem; }
              .searchlom .results .resulis .reuom .cit {
                width: 100%;
                font-size: 0; }
                .searchlom .results .resulis .reuom .cit .cp {
                  display: inline-block;
                  vertical-align: middle;
                  max-width: calc(100% - 6em);
                  color: #222;
                  line-height: 1.5;
                  padding-right: 0.2rem; }
                  .searchlom .results .resulis .reuom .cit .cp span {
                    color: var(--themes); }
                .searchlom .results .resulis .reuom .cit .tic {
                  display: inline-block;
                  vertical-align: middle;
                  color: #fff;
                  width: 6em;
                  line-height: 2;
                  text-align: center;
                  border-radius: 1em;
                  background-color: var(--themes); }
              .searchlom .results .resulis .reuom .vim {
                width: 100%;
                color: #888;
                line-height: 2;
                margin-top: 0.08rem; }
            .searchlom .results .resulis .reuom:hover {
              background-color: #fff;
              border: 1px solid #ddd;
              box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1); }
            .searchlom .results .resulis .reuom + .reuom {
              margin-top: 0.3rem; }
        .searchlom .casster, .searchlom .proster, .searchlom .newster {
          width: 100%;
          font-size: 0;
          padding: 0.25rem 0; }
        .searchlom .caselis {
          width: 100%;
          font-size: 0; }
          .searchlom .caselis .casem {
            display: inline-block;
            vertical-align: top;
            width: calc(515 / 1600 * 100%);
            margin-right: calc(27 / 1600 * 100%);
            margin-bottom: 0.3rem; }
            .searchlom .caselis .casem a {
              width: 100%;
              display: block; }
            .searchlom .caselis .casem .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              .searchlom .caselis .casem .imgs a {
                width: 100%;
                display: block; }
              .searchlom .caselis .casem .imgs .img {
                width: 100%;
                padding-top: 66.99%;
                transition: all ease 0.5s; }
            .searchlom .caselis .casem .coom {
              width: 100%;
              padding: 0.24rem;
              background-color: #fff;
              border: solid 1px #dcdcdc; }
              .searchlom .caselis .casem .coom .cit {
                width: 100%;
                color: #000;
                font-weight: bold;
                line-height: 1.5; }
              .searchlom .caselis .casem .coom .xim {
                width: 100%;
                color: #666;
                line-height: 1.5;
                height: 3em;
                margin-top: 0.05rem; }
          .searchlom .caselis .casem:nth-child(3n) {
            margin-right: 0; }
          .searchlom .caselis .casem:hover .imgs .img {
            transform: scale(1.1); }
          .searchlom .caselis .casem:hover .coom .cit {
            color: var(--themes); }
        .searchlom .pifem {
          width: 100%;
          font-size: 0; }
          .searchlom .pifem .pif {
            width: 100%;
            color: #333;
            line-height: 1.5;
            margin-bottom: 0.3rem; }
        .searchlom .pifem + .pifem {
          margin-top: 0.3rem; }
        .searchlom .produlis {
          width: 100%;
          font-size: 0; }
          .searchlom .produlis .prdem {
            display: inline-block;
            vertical-align: top;
            width: calc(385 / 1600 * 100%);
            margin-right: calc(19 / 1600 * 100%);
            margin-bottom: 0.2rem;
            padding: 0.3rem 0.2rem;
            background-color: #fff;
            border: solid 1px #dcdcdc; }
            .searchlom .produlis .prdem a {
              width: 100%;
              display: block; }
            .searchlom .produlis .prdem .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              .searchlom .produlis .prdem .imgs .img {
                width: 100%;
                padding-top: 76.47%;
                transition: all ease 0.5s; }
            .searchlom .produlis .prdem .pim {
              width: 100%;
              text-align: center;
              color: #000;
              line-height: 1.5;
              margin-top: 0.15rem; }
          .searchlom .produlis .prdem:nth-child(4n) {
            margin-right: 0; }
          .searchlom .produlis .prdem:hover {
            box-shadow: 0px -10px 28px 4px rgba(0, 53, 97, 0.11); }
            .searchlom .produlis .prdem:hover .imgs .img {
              transform: scale(1.1); }
            .searchlom .produlis .prdem:hover .pim {
              color: var(--themes); }
        .searchlom .newlist {
          width: 100%;
          margin-top: 0.3rem;
          font-size: 0; }
          .searchlom .newlist .newam {
            display: inline-block;
            vertical-align: top;
            width: calc(515 / 1600 * 100%);
            margin-right: calc(27 / 1600 * 100%);
            margin-bottom: 0.3rem; }
            .searchlom .newlist .newam a {
              width: 100%;
              display: block; }
            .searchlom .newlist .newam .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              .searchlom .newlist .newam .imgs a {
                width: 100%;
                display: block; }
              .searchlom .newlist .newam .imgs .img {
                width: 100%;
                padding-top: 58.13%;
                transition: all ease 0.5s; }
            .searchlom .newlist .newam .nom {
              width: 100%;
              padding: 0.24rem;
              background-color: #fff;
              border: solid 1px #dcdcdc; }
              .searchlom .newlist .newam .nom .time {
                width: 100%;
                color: #999;
                line-height: 1.5; }
              .searchlom .newlist .newam .nom .xim {
                width: 100%;
                color: #000;
                font-weight: bold;
                line-height: 1.6;
                height: 3.2em;
                margin-top: 0.05rem; }
          .searchlom .newlist .newam:nth-child(3n) {
            margin-right: 0; }
          .searchlom .newlist .newam:hover .imgs .img {
            transform: scale(1.1); }
          .searchlom .newlist .newam:hover .nom .xim {
            color: var(--themes); }




        .w1300 {
          width: 13rem;
          margin: 0 auto;
          position: relative;
          font-size: 0;
          max-width: 100%; }
        
        @media (max-width: 1320px) {
          .w1300 {
            width: 90%; } }
        @media (max-width: 800px) {
          .w1300 {
            width: 94%; } }
        .mains {
          width: 100%; }
          .mains .mapem {
            width: 100%;
            background-color: #f8f8f8;
            position: relative; }
            .mains .mapem .hoam {
              position: absolute;
              width: 100%;
              top: -1.8rem; }
          .mains .mapem:nth-child(2n) {
            background-color: #fff; }
          .mains .shows .showm {
            border: none;
            background-color: transparent;
            padding: 0; }
          .mains .feature .fecom {
            border: none;
            padding: 0;
            background-color: transparent; }
          .mains .feature .fecper {
            max-width: 100%; }
            .mains .feature .fecper .swiper-pagination {
              display: none; }
          .mains .areas .apeam {
            padding: 0;
            border: none;
            background-color: transparent; }
          .mains .areas .aepers .swiper-slide .com {
            background-color: transparent;
            border: none;
            padding: 0.2rem 0; }
          .mains .areas .ainps {
            background-color: transparent;
            padding: 0;
            border: none; }
          .mains .areas .caselisd {
            background-color: transparent;
            padding: 0;
            border: none; }
          .mains .lenavs {
            width: 100%; display: none;}
          .mains .leftnavp {
            width: 100%;
            position: relative;
            display: none;
            padding: 0 3%; }
            .mains .leftnavp .swiper-slide {
              width: auto;
              display: inline-block;
              vertical-align: middle;
              color: #333;
              line-height: 50px;
              padding: 0 0.15rem; }
            .mains .leftnavp .swiper-slide.on, .mains .leftnavp .swiper-slide:hover {
              color: var(--themes); }
          .mains .leftnavp.fixed {
            position: fixed;
            z-index: 30;
            left: 0;
            right: 0;
            background-color: #fff;
            box-shadow: 0px 1px 40px 3px rgba(29, 0, 0, 0.05); }
        
        @media (max-width: 800px) {
          .mains .leftnavp {
            width: 100%;
            position: relative;
            display: block; }
            .mains .lenavs {
              width: 100%; display: block;}
          .mains .hoam {
            top: -1rem; } }
            
            .leftnavs {
              position: fixed;
              left: 0rem;
              top: 30%;
              z-index: 5;
              display: none;
              transition: all ease 0.5s; }
              .leftnavs .ltem {
                width: 100%;
                font-size: 0;
                padding: 0.06rem 0;
                cursor: pointer;
                position: relative;
                left: -120%;
                transition: all ease 0.5s; }
                .leftnavs .ltem .xd {
                  display: inline-block;
                  vertical-align: middle;
                  width: 0.24rem;
                  height: 2px;
                  margin-right: 0.22rem;
                  background-color: #999; }
                .leftnavs .ltem .xm {
                  display: inline-block;
                  vertical-align: middle;
                  color: #999;
                  line-height: 1.5; }
              .leftnavs .ltem.on .xd, .leftnavs .ltem:hover .xd {
                background-color: var(--themes); }
              .leftnavs .ltem.on .xm, .leftnavs .ltem:hover .xm {
                color: var(--themes); }
              .leftnavs .ltns {
                display: block;
                width: 0.4rem;
                height: 0.4rem; }
                .leftnavs .ltns img {
                  width: 100%;
                  display: block; }
                .leftnavs .ltns img:first-child {
                  display: block; }
                .leftnavs .ltns img:last-child {
                  display: none; }
            
            .leftnavs.show {
              left: 0.2rem; }
              .leftnavs.show .ltem {
                left: 0; }
              .leftnavs.show .ltns img:first-child {
                display: none; }
              .leftnavs.show .ltns img:last-child {
                display: block; }




                .details .detail .der .eam {

                  width: 100%;
        
                  display: flex;
        
                  align-items: center; 
          
                  background-color: #ffffff;
          
                  border: solid 1px #dcdcdc;
          
                  padding: 0.2rem 0.2rem; 

                  margin-top: 0.3rem; 
                }

                  .details .detail .der .dc {

                    display: inline-block;
          
                    vertical-align: middle;
          
                    width: 0.44rem;
          
                    height: 0.44rem;
          
                    margin-right: 0.2rem; }
          
                    .details .detail .der .dc img {
          
                      width: 100%;
          
                      display: block; }
          
                    .details .detail .der .name {
          
                    display: inline-block;
          
                    vertical-align: middle;
          
                    width: calc(100% - 1rem - 0.2rem); }
          
                    .details .detail .der .name a {
          
                      width: 100%;
          
                      display: block;
          
                      color: #111;
          
                      font-weight: bold;
          
                      line-height: 1.5; }
          
                    .details .detail .der .name a:hover {
          
                      color: var(--themes); }
          
                    .details .detail .der .size {
          
                    width: 1rem;
          
                    display: inline-block;
          
                    vertical-align: middle;
          
                    color: #666;
          
                    line-height: 1.5; }
          
                  .details .detail .der .atn {
          
                    display: inline-block;
          
                    vertical-align: middle;
          
                    width: 130px; }
          
                  .details .detail .der .atn a {
          
                      display: inline-block;
          
                      vertical-align: middle;
          
                      border: solid 2px #dcdcdc;
          
                      color: #666;
          
                      line-height: 2.4;
          
                      border-radius: 1.4em;
          
                      white-space: nowrap;
          
                      width: 100%;
          
                      text-align: center; }
          
                    .details .detail .der .atn a .xd {
          
                        display: inline-block;
          
                        vertical-align: middle;
          
                        width: 18px;
          
                        height: 18px;
          
                        margin-right: 0.1rem; }
          
                      .details .detail .der .atn a .xd img {
          
                          width: 100%;
          
                          display: block; }
          
                    .details .detail .der .atn a .xd img:first-child {
          
                          display: block; }
          
                    .details .detail .der .atn a .xd img:last-child {
          
                          display: none; }
          
                    .details .detail .der .atn a:hover {
          
                      color: #fff;
          
                      background-color: var(--themes);
          
                      border: solid 2px var(--themes); }
          
                    .details .detail .der .atn a:hover .xd img:first-child {
          
                        display: none; }
          
                    .details .detail .der .atn a:hover .xd img:last-child {
          
                        display: block; }