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

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

@media (max-width: 1440px) {
  .w1400 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1400 {
    width: 94%; } }
:root {
  --themes: #c30f19; }

header {
  width: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff; }
  header .hop {
    width: 100%;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  header .logo {
    display: inline-block;
    vertical-align: middle;
    width: 2.66rem; }
    header .logo a, header .logo img {
      width: 100%;
      display: block; }
  header .rav {
    display: inline-block;
    vertical-align: middle;
    width: auto; }
    header .rav .tel {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      font-size: 0; }
      header .rav .tel .ic {
        display: inline-block;
        vertical-align: middle;
        width: 0.35rem;
        height: 0.35rem;
        border-radius: 50%;
        background-color: var(--themes);
        margin-right: 0.1rem; }
      header .rav .tel .mc {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: var(--themes);
        line-height: 1.5; }
    header .rav .menu {
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      cursor: pointer;
      position: relative;
      display: none; }
      header .rav .menu img {
        width: 100%;
        display: block; }
      header .rav .menu .clk {
        width: 100%;
        height: 100%;
        text-align: center;
        color: #333;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: none; }
  header nav {
    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.2rem; }
        header nav .natem .nas a {
          display: inline-block;
          line-height: 1rem;
          color: #222;
          position: relative; }
        header nav .natem .nas .xs {
          display: inline-block;
          vertical-align: middle;
          width: 0.1rem;
          margin-left: 0.1rem;
          display: none; }
          header nav .natem .nas .xs img {
            width: 100%;
            display: block; }
          header nav .natem .nas .xs img:first-child {
            display: block; }
          header nav .natem .nas .xs img:last-child {
            display: none; }
        header nav .natem .nas:after {
          content: ' ';
          position: absolute;
          left: 50%;
          bottom: 0.2rem;
          transform: translateX(-50%);
          opacity: 0;
          width: 0.2rem;
          height: 0.1rem;
          background-image: url("../images/ki.png");
          background-size: 100% 100%;
          transition: all ease 0.5s; }
      header nav .natem .navuls {
        width: 1.8rem;
        position: absolute;
        z-index: 101;
        left: calc(50%);
        top: 100%;
        transform: translateX(-50%);
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
        border-radius: 0.15rem;
        display: none;
        text-align: center; }
        header nav .natem .navuls:after {
          content: ' ';
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border: solid 0.09rem;
          border-color: transparent transparent rgba(238, 64, 30, 0.3) transparent;
          bottom: 100%;
          z-index: 3;
          display: none; }
        header nav .natem .navuls ul {
          width: 100%; }
          header nav .natem .navuls ul li {
            width: 100%;
            position: relative; }
            header nav .natem .navuls ul li .njm {
              width: 100%;
              font-size: 0; }
            header nav .natem .navuls ul li .ns {
              width: 100%;
              display: inline-block;
              vertical-align: middle;
              line-height: 3;
              color: #fff;
              text-align: left;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              position: relative;
              text-align: center; }
            header nav .natem .navuls ul li .theul {
              width: 100%;
              background-color: rgba(238, 64, 30, 0.3);
              display: none;
              position: absolute;
              left: 100%;
              top: 0;
              border-radius: 0.1rem; }
              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: #fff;
                  line-height: 3;
                  padding: 0 0.2rem;
                  width: 100%;
                  text-align: center; }
                header nav .natem .navuls ul li .theul li .xn:hover {
                  background-color: var(--themes);
                  color: #fff; }
              header nav .natem .navuls ul li .theul li:first-child .xn {
                border-radius: 0.1rem 0.1rem 0 0; }
              header nav .natem .navuls ul li .theul li:last-child .xn {
                border-radius: 0 0 0.1rem 0.1rem; }
          header nav .natem .navuls ul li:hover .ns {
            background-color: var(--themes);
            color: #fff; }
            header nav .natem .navuls ul li:hover .ns span img:first-child {
              display: none; }
            header nav .natem .navuls ul li:hover .ns span img:last-child {
              display: block; }
          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: #fff;
            border: none;
            display: none; }
          header nav .natem .navuls ul li.has-the.show:after {
            content: "-"; }
          header nav .natem .navuls ul li:first-child .ns {
            border-radius: 0.1rem 0.1rem 0 0; }
          header nav .natem .navuls ul li:last-child .ns {
            border-radius: 0 0 0.1rem 0.1rem; }
      header nav .natem .longul {
        width: 7.4rem;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        background-color: rgba(195, 15, 25, 0.85);
        padding: 0.4rem;
        border-radius: 0 0 0.2rem 0.2rem;
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        display: none; }
        header nav .natem .longul .lonl {
          display: inline-block;
          vertical-align: middle;
          width: calc(240 / 660 * 100%); }
          header nav .natem .longul .lonl .tuls {
            width: 100%;
            text-align: left; }
            header nav .natem .longul .lonl .tuls .tma {
              width: 100%;
              padding: 0.05rem 0; }
              header nav .natem .longul .lonl .tuls .tma a {
                width: 100%;
                color: #fff;
                line-height: 1.5; }
              header nav .natem .longul .lonl .tuls .tma a:hover {
                color: #fff100; }
        header nav .natem .longul .lonr {
          display: inline-block;
          vertical-align: middle;
          width: calc(400 / 660 * 100%);
          position: relative;
          overflow: hidden; }
          header nav .natem .longul .lonr a {
            width: 100%;
            display: block; }
          header nav .natem .longul .lonr .img {
            width: 100%;
            padding-top: 60%;
            transition: all ease 0.5s; }
        header nav .natem .longul .lonr:hover .img {
          transform: scale(1.1); }
    header nav .natem.has-nav .nas .xs {
      display: inline-block; }
    header nav .natem.on .nas a {
      color: var(--themes); }
    header nav .natem.on .nas:after {
      opacity: 1; }
    header nav .natem:hover .nas a {
      color: var(--themes); }
    header nav .natem:hover .nas:after {
      opacity: 1; }

@media (max-width: 800px) {
  header .hop {
    align-items: center;
    padding: 0.1rem 3%;
    height: calc(40px + 0.2rem); }
  header nav {
    width: 100%;
    position: fixed;
    right: 0;
    top: calc(0.9rem);
    left: auto;
    height: calc(100vh - 0.9rem);
    background-color: #fff;
    margin-right: 0;
    overflow: auto;
    z-index: 500;
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem;
    display: block;
    text-align: left;
    display: none; }
    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%);
        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;
              position: relative; }
            header nav .natem .navuls ul li .ns:hover {
              color: var(--themes); }
            header nav .natem .navuls ul li .theul {
              width: 100%;
              left: 0;
              top: 0;
              position: relative;
              text-align: left;
              background-color: transparent; }
              header nav .natem .navuls ul li .theul li .xn {
                text-align: left;
                padding: 0 0.3rem; }
              header nav .natem .navuls ul li .theul li:hover .xn {
                background-color: transparent;
                color: var(--themes); }
          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 .menu {
    width: 30px;
    height: 30px;
    display: inline-block; }
    header .rav .menu .clk {
      line-height: 30px; } }
.banner {
  width: 100%;
  position: relative; }
  .banner .swiper-slide {
    width: 100%;
    position: relative; }
    .banner .swiper-slide .pcimgs {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: block; }
      .banner .swiper-slide .pcimgs .img {
        width: 100%;
        padding-top: 43.95%; }
    .banner .swiper-slide .phimgs {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: none; }
      .banner .swiper-slide .phimgs .img {
        width: 100%;
        padding-top: 50%; }
    .banner .swiper-slide .videoc {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 4;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 1;
      transition: all ease 0.5s;
      z-index: 5; }
      .banner .swiper-slide .videoc .vom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3; }
  .banner .swiper-slide-active .box .cn, .banner .swiper-slide-active .box .en, .banner .swiper-slide-active .box .more {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .banner .swiper-pagination {
    bottom: 0.4rem; }
  .banner .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: bottom;
    opacity: 1;
    position: relative;
    transition: all ease 0.5s;
    background-color: transparent;
    font-size: 14px;
    width: 0.15rem;
    height: 0.15rem;
    line-height: 1.5;
    opacity: 1;
    margin: 0 0.1rem;
    cursor: pointer;
    border: solid 2px #fff; }
  .banner .swiper-pagination-bullet-active {
    background-color: var(--themes);
    border: solid 2px var(--themes); }

@media (max-width: 800px) {
  .banner .swiper-slide .pcimgs {
    display: none; }
  .banner .swiper-slide .phimgs {
    display: block; } }
.mescont {
  width: 100%;
  background-color: #f7f7f7; }
  .mescont .mevoms {
    width: 100%;
    padding: 0.4rem 0; }
  .mescont .mevlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .mescont .mevlist .mitem {
      display: inline-block;
      vertical-align: top;
      width: calc(500 / 1540 * 100%);
      margin-right: calc(19 / 1540 * 100%);
      margin-bottom: 0.2rem; }
      .mescont .mevlist .mitem a {
        width: 100%;
        display: block; }
      .mescont .mevlist .mitem .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .mescont .mevlist .mitem .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
          .mescont .mevlist .mitem .imgs .img2 {
            width: 100%;
            height: 100%;
            transition: all ease 0.5s;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 3;
            opacity: 1;
            transition: all ease 0.5s; }
      .mescont .mevlist .mitem .com {
        width: 100%;
        background-color: #fff;
        padding: 0.26rem 0.34rem; }
        .mescont .mevlist .mitem .com .cit {
          width: 100%;
          color: #111;
          font-weight: 400;
          line-height: 1.2; }
        .mescont .mevlist .mitem .com .cim {
          width: 100%;
          color: #999;
          line-height: 1.5;
          height: 3em;
          margin-top: 0.05rem; }
        .mescont .mevlist .mitem .com .lxs {
          width: 100%;
          position: relative;
          height: 1px;
          background-color: rgba(0, 0, 0, 0.1);
          margin-top: 0.15rem; }
          .mescont .mevlist .mitem .com .lxs .lx {
            position: absolute;
            z-index: 2;
            width: 0%;
            height: 1px;
            background-color: var(--themes);
            transition: width ease 0.5s;
            left: 0;
            bottom: 0; }
          .mescont .mevlist .mitem .com .lxs .xg {
            position: absolute;
            z-index: 3;
            width: 12px;
            right: 0;
            bottom: 0; }
            .mescont .mevlist .mitem .com .lxs .xg img {
              width: 100%;
              display: block; }
    .mescont .mevlist .mitem:nth-child(3n) {
      margin-right: 0; }
    .mescont .mevlist .mitem:nth-child(3n+1) {
      transition-delay: 0.1s; }
    .mescont .mevlist .mitem:nth-child(3n+2) {
      transition-delay: 0.2s; }
    .mescont .mevlist .mitem:nth-child(3n+3) {
      transition-delay: 0.3s; }
      .mescont .mevlist .mitem:hover .imgs .img2 {
        opacity: 0; }
    /* .mescont .mevlist .mitem:hover .imgs .img {
      transform: scale(1.1); } */
    .mescont .mevlist .mitem:hover .com .cit {
      color: var(--themes); }
    .mescont .mevlist .mitem:hover .com .lxs .lx {
      width: 100%; }

@media (max-width: 800px) {
  .mescont .mevlist .mitem:nth-child(2n+1) {
    transition-delay: 0.1s !important; }
  .mescont .mevlist .mitem:nth-child(2n+2) {
    transition-delay: 0.2s !important; } }
.modular {
  width: 100%;
  padding: 0.4rem 0; }
  .modular .mitop {
    width: 100%;
    text-align: center;
    margin-bottom: 0.4rem; }
    .modular .mitop .mit {
      width: 100%;
      color: #111;
      font-weight: 400;
      line-height: 1.2; }
      .modular .mitop .mit span {
        display: inline-block;
        color: #111;
        font-weight: bold; }
      .modular .mitop .mit i {
        display: inline-block;
        vertical-align: top;
        width: 0.35rem;
        margin-left: 0.1rem;
        position: relative;
        top: -0.15rem; }
        .modular .mitop .mit i img {
          width: 100%;
          display: block; }
    .modular .mitop .eim {
      width: 100%;
      color: #999;
      line-height: 1.75;
      margin-top: 0.04rem; }
      .modular .mitop .eim p {
        color: #999;
        line-height: 1.75; }
      .modular .mitop .eim span {
        color: var(--themes); }
  .modular .more {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 0.3rem; }
    .modular .more a {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      color: #999;
      line-height: 1.5; }
      .modular .more a span {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 20px;
        margin-left: 0.1rem;
        top: -0.02rem;
        background-color: var(--themes);
        border-radius: 50%; }
        .modular .more a span img {
          width: 100%;
          display: block; }
    .modular .more a:hover {
      color: var(--themes); }

.choose {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #fff; }
  .choose .chopers {
    width: 100%; }
    .choose .chopers .swiper-container {
      padding-bottom: 2px; }
    .choose .chopers .swiper-slide {
      width: 100%;
      padding: 0.3rem 0.14rem;
      cursor: pointer;
      position: relative;
      border-bottom: solid 1px #e5e5e5; }
      .choose .chopers .swiper-slide:after {
        content: ' ';
        position: absolute;
        bottom: -1.5px;
        left: 0;
        right: 0;
        width: 100%;
        background-color: var(--themes);
        transition: all ease 0.5s;
        height: 3px;
        opacity: 0; }
      .choose .chopers .swiper-slide .tc {
        display: block;
        margin: 0 auto 0.1rem;
        width: 0.66rem; }
        .choose .chopers .swiper-slide .tc img {
          width: 100%;
          display: block; }
        .choose .chopers .swiper-slide .tc img:first-child {
          display: block; }
        .choose .chopers .swiper-slide .tc img:last-child {
          display: none; }
      .choose .chopers .swiper-slide .em {
        width: 100%;
        color: #666;
        line-height: 1.5;
        text-align: center; }
    .choose .chopers .swiper-slide.on:after, .choose .chopers .swiper-slide:hover:after {
      opacity: 1; }
    .choose .chopers .swiper-slide.on .tc img:first-child, .choose .chopers .swiper-slide:hover .tc img:first-child {
      display: none; }
    .choose .chopers .swiper-slide.on .tc img:last-child, .choose .chopers .swiper-slide:hover .tc img:last-child {
      display: block; }
    .choose .chopers .swiper-slide.on .em, .choose .chopers .swiper-slide:hover .em {
      color: var(--themes); }
  .choose .choutm {
    width: 100%;
    margin-top: 0.5rem; }
    .choose .choutm .chosem {
      width: 100%;
      position: relative;
      display: none; }
    .choose .choutm .chosem.on {
      display: block; }
    .choose .choutm .chosm {
      width: 100%;
      background-color: #fff;
      padding: 0.5rem;
      min-height: 4.6rem;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); }
      .choose .choutm .chosm .cit {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        text-align: center; }
      .choose .choutm .chosm .lx {
        width: 100%;
        font-size: 0;
        text-align: center;
        margin: 0.3rem 0 0.35rem; }
        .choose .choutm .chosm .lx span {
          display: inline-block;
          vertical-align: middle;
          background-color: var(--themes);
          width: 0.3rem;
          height: 0.03rem; }
      .choose .choutm .chosm .chinp {
        width: 100%;
        color: #fff;
        line-height: 1.75;
        text-align: center; }
        .choose .choutm .chosm .chinp p {
          color: #fff;
          line-height: 1.75; }

.Network {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f7f7f7; }
  .Network .datas {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .Network .datas .datim {
      display: inline-block;
      vertical-align: middle;
      width: 23.5%;
      margin-right: 2%;
      text-align: center; }
      .Network .datas .datim .num {
        width: 100%;
        font-weight: bold;
        text-align: center;
        color: var(--themes);
        line-height: 1.5; }
      .Network .datas .datim .pim {
        width: 100%;
        color: #999;
        line-height: 1.5; }
        .Network .datas .datim .pim p {
          color: #999;
          line-height: 1.5; }
    .Network .datas .datim:nth-child(4n) {
      margin-right: 0; }
  .Network .countrper {
    width: 100%;
    margin-top: 0.3rem; }
    .Network .countrper .swiper-slide {
      width: 100%;
      background-color: #fff;
      border-radius: 0;
      padding: 0.3rem 0.2rem 0.2rem; }
      .Network .countrper .swiper-slide .count {
        display: block;
        margin: 0 auto 0.1rem;
        width: 0.9rem; }
        .Network .countrper .swiper-slide .count img {
          width: 100%;
          display: block; }
      .Network .countrper .swiper-slide .cim {
        width: 100%;
        color: #666;
        line-height: 1.5;
        text-align: center; }
  .Network .maps {
    width: 100%;
    position: relative;
    margin-top: 0.3rem; }
    .Network .maps .map {
      width: 100%;
      position: relative;
      max-width: 9.04rem;
      margin: 0 auto;
      display: block; }
      .Network .maps .map .hei {
        width: 100%;
        padding-top: 59.07%; }
    .Network .maps .points {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
      width: 100%;
      height: 100%; }
      .Network .maps .points .mo {
        position: absolute;
        transform: translate(-50%, -50%);
        cursor: pointer; }
        .Network .maps .points .mo .hg {
          position: absolute;
          transition: all ease 0.5s;
          opacity: 1;
          z-index: 2; }
          .Network .maps .points .mo .hg .hk {
            width: 0.1rem;
            height: 0.1rem;
            border-radius: 50%;
            background-color: var(--themes); }
          .Network .maps .points .mo .hg:after {
            content: ' ';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: solid 1px var(--themes);
            border-radius: 50%;
            animation: bb1 3s infinite linear; }
          .Network .maps .points .mo .hg:before {
            content: ' ';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: solid 1px var(--themes);
            border-radius: 50%;
            animation: bb1 3s 1.2s infinite linear; }
@keyframes bb1 {
  0% {
    width: 0.4rem;
    height: 0.4rem;
    opacity: 0.5; }
  50% {
    width: 0.8rem;
    height: 0.8rem;
    opacity: 0.3; }
  100% {
    width: 1.2rem;
    height: 1.2rem;
    opacity: 0.1; } }
@keyframes bb2 {
  0% {
    width: 0.3rem;
    height: 0.3rem;
    opacity: 0.5; }
  50% {
    width: 1.2rem;
    height: 1.2rem;
    opacity: 0.3; }
  100% {
    width: 2.4rem;
    height: 2.4rem;
    opacity: 0.1; } }
        .Network .maps .points .mo .vg {
          position: absolute;
          transition: all ease 0.5s;
          opacity: 0;
          z-index: 3; }
          .Network .maps .points .mo .vg .vk {
            background-color: var(--themes);
            color: #fff;
            text-align: center;
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 5; }
          .Network .maps .points .mo .vg:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: var(--themes);
            border-radius: 50%;
            animation: bb2 3s infinite linear; }
          .Network .maps .points .mo .vg:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: var(--themes);
            border-radius: 50%;
            animation: bb2 3s 1.2s infinite linear; }
      .Network .maps .points .mo.on .hg {
        opacity: 0; }
      .Network .maps .points .mo.on .vg {
        opacity: 1; }

.Partners {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #fff; }
  .Partners .partlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .Partners .partlis .parem {
      display: inline-block;
      vertical-align: top;
      width: calc(292 / 1540 * 100%);
      margin-bottom: 0.2rem;
      margin-right: calc(19 / 1540 * 100%); }
      .Partners .partlis .parem a {
        width: 100%;
        display: block; }
      .Partners .partlis .parem .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); }
        .Partners .partlis .parem .imgs .img {
          width: 100%;
          padding-top: 51.36%;
          transition: all ease 0.5s; }
    .Partners .partlis .parem:hover .imgs .img {
      transform: scale(1.1); }
    .Partners .partlis .parem:nth-child(5n) {
      margin-right: 0; }
    .Partners .partlis .parem:nth-child(5n+1) {
      transition-delay: 0.1s; }
    .Partners .partlis .parem:nth-child(5n+2) {
      transition-delay: 0.2s; }
    .Partners .partlis .parem:nth-child(5n+3) {
      transition-delay: 0.3s; }
    .Partners .partlis .parem:nth-child(5n+4) {
      transition-delay: 0.4s; }
    .Partners .partlis .parem:nth-child(5n+5) {
      transition-delay: 0.5s; }

@media (max-width: 800px) {
  .Partners .partlis .parem:nth-child(3n+1) {
    transition-delay: 0.1s !important; }
  .Partners .partlis .parem:nth-child(3n+2) {
    transition-delay: 0.2s !important; }
  .Partners .partlis .parem:nth-child(3n+3) {
    transition-delay: 0.3s !important; } }
.Customer {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f7f7f7; }
  .Customer .custper {
    width: 100%; }
    .Customer .custper .swiper-slide {
      width: 100%; }
      .Customer .custper .swiper-slide a {
        width: 100%;
        display: block; }
      .Customer .custper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .Customer .custper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .Customer .custper .swiper-slide .vom {
        width: 100%;
        background-color: #fff;
        padding: 0.3rem 0.4rem; }
        .Customer .custper .swiper-slide .vom .eit {
          width: 100%;
          color: #111;
          line-height: 1.5;
          margin-bottom: 0.1rem; }
        .Customer .custper .swiper-slide .vom .eip {
          width: 100%;
          color: #999;
          line-height: 1.5;
          height: 7.5em; }
        .Customer .custper .swiper-slide .vom .log {
          width: 100%;
          font-size: 0;
          margin-top: 0.25rem; }
          .Customer .custper .swiper-slide .vom .log span {
            display: inline-block;
            vertical-align: middle;
            height: 0.52rem; }
            .Customer .custper .swiper-slide .vom .log span img {
              height: 100%;
              display: block; }
    .Customer .custper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }

.newsm {
  width: 100%;
  padding: 0.8rem 0; }
  .newsm .mitop {
    margin-bottom: 0.2rem; }
  .newsm .newnavs {
    width: 100%;
    display: none; }
  .newsm .newomg {
    width: 100%;
    text-align: center;
    font-size: 0; }
    .newsm .newomg .netoms {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      padding: 5px 5px;
      background-color: #f7f7f7;
      border-radius: 25px; }
      .newsm .newomg .netoms .netm {
        display: inline-block;
        vertical-align: middle;
        line-height: 40px;
        width: auto;
        padding: 0 0.35rem;
        color: #666;
        cursor: pointer;
        border-radius: 20px; }
      .newsm .newomg .netoms .netm + .netm {
        margin-left: 0.12rem; }
      .newsm .newomg .netoms .netm:hover, .newsm .newomg .netoms .netm.on {
        background-color: var(--themes);
        color: #fff; }
  .newsm .newtont {
    width: 100%;
    margin-top: 0.45rem; }
    .newsm .newtont .wetom {
      width: 100%;
      display: none; }
    .newsm .newtont .wetom.on {
      display: block; }
    .newsm .newtont .wevom {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .newsm .newtont .wevom .wel {
        display: inline-block;
        vertical-align: middle;
        width: calc(730 / 1540 * 100%); }
        .newsm .newtont .wevom .wel a {
          width: 100%;
          display: block; }
        .newsm .newtont .wevom .wel .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .newsm .newtont .wevom .wel .imgs .img {
            width: 100%;
            padding-top: 66.027%;
            transition: all ease 0.5s; }
        .newsm .newtont .wevom .wel .com {
          width: 100%;
          display: block; }
        .newsm .newtont .wevom .wel .cit {
          width: 100%;
          color: #111;
          line-height: 1.5;
          margin-top: 0.24rem; }
        .newsm .newtont .wevom .wel .cim {
          width: 100%;
          color: #999;
          line-height: 1.5;
          height: 3em;
          margin: 0.1rem 0; }
        .newsm .newtont .wevom .wel .time {
          width: 100%;
          color: #999;
          line-height: 1.5; }
      .newsm .newtont .wevom .wel:hover .imgs .img {
        transform: scale(1.1); }
      .newsm .newtont .wevom .wel:hover .com .cit {
        color: var(--themes); }
      .newsm .newtont .wevom .wer {
        display: inline-block;
        vertical-align: middle;
        width: calc(770 / 1540 * 100%);
        display: flex;
        flex-wrap: wrap;
        align-content: space-between; }
        .newsm .newtont .wevom .wer .werim {
          width: 100%;
          font-size: 0; }
          .newsm .newtont .wevom .wer .werim a {
            width: 100%;
            display: block; }
          .newsm .newtont .wevom .wer .werim .imgs {
            display: inline-block;
            vertical-align: middle;
            width: calc(215 / 770 * 100%);
            position: relative;
            overflow: hidden; }
            .newsm .newtont .wevom .wer .werim .imgs .img {
              width: 100%;
              padding-top: 60.46%;
              transition: all ease 0.5s; }
          .newsm .newtont .wevom .wer .werim .com {
            display: inline-block;
            vertical-align: middle;
            width: calc(555 / 770 * 100%);
            padding-left: 0.3rem; }
            .newsm .newtont .wevom .wer .werim .com .cit {
              width: 100%;
              color: #111;
              line-height: 1.5; }
            .newsm .newtont .wevom .wer .werim .com .cim {
              width: 100%;
              color: #999;
              line-height: 1.5;
              height: 3em;
              margin: 0.1rem 0; }
            .newsm .newtont .wevom .wer .werim .com .time {
              width: 100%;
              color: #999;
              line-height: 1.5; }
        .newsm .newtont .wevom .wer .werim:hover .imgs .img {
          transform: scale(1.1); }
        .newsm .newtont .wevom .wer .werim:hover .com .cit {
          color: var(--themes); }

@media (max-width: 800px) {
  .newsm .newnavs {
    display: block;
    padding: 5px 5px;
    background-color: #f7f7f7;
    border-radius: 25px; }
    .newsm .newnavs .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      line-height: 40px;
      width: auto;
      padding: 0 0.35rem;
      color: #666;
      cursor: pointer;
      border-radius: 20px; }
    .newsm .newnavs .swiper-slide + .swiper-slide {
      margin-left: 0.12rem; }
    .newsm .newnavs .swiper-slide:hover, .newsm .newnavs .swiper-slide.on {
      background-color: var(--themes);
      color: #fff; } }
.nancom {
  width: 100%;
  padding: 0.6rem 0; }
  .nancom .nit {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0.1rem; }
    .nancom .nit span {
      display: inline-block;
      line-height: 1.2;
      font-weight: bold;
      color: var(--themes); }
  .nancom .nip {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.2; }
    .nancom .nip span {
      display: inline-block;
      line-height: 1.2;
      font-weight: bold;
      color: var(--themes); }
  .nancom .ntns {
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0;
    text-align: center; }
    .nancom .ntns a {
      display: inline-block;
      vertical-align: middle;
      background-color: #fff;
      color: var(--themes);
      line-height: 3;
      border-radius: 1.5em;
      transition: all ease 0.5s;
      padding: 0 0.4rem;
      margin: 0 0.1rem 0.1rem; }
    .nancom .ntns a.on {
      background-color: var(--themes);
      color: #fff; }
    .nancom .ntns a:hover {
      animation: icon-bounce 0.5s alternate; }

footer {
  width: 100%;
  background-color: #111; }
  footer .ftop {
    width: 100%; }
  footer .fop {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0.6rem 0 0.8rem; }
    footer .fop .fiv {
      width: 100%;
      color: #fff;
      line-height: 1.5;
      margin-bottom: 0.18rem; }
    footer .fop .fol {
      display: inline-block;
      vertical-align: top;
      width: calc(320 / 1540 * 100%); }
      footer .fop .fol .xum {
        width: 100%;
        color: #fff;
        line-height: 1.4;
        margin-bottom: 0.15rem; }
      footer .fop .fol .xul {
        width: 100%;
        color: rgba(255, 255, 255, 0.6);
        line-height: 1.75; }
        footer .fop .fol .xul p {
          color: rgba(255, 255, 255, 0.6);
          line-height: 1.75; }
      footer .fop .fol .share {
        width: 100%;
        font-size: 0;
        margin-top: 0.35rem; }
        footer .fop .fol .share .am {
          display: inline-block;
          vertical-align: middle;
          position: relative;
          width: auto;
          margin-right: 0.15rem; }
          footer .fop .fol .share .am a {
            display: inline-block;
            vertical-align: middle;
            width: auto; }
          footer .fop .fol .share .am .ac {
            display: inline-block;
            vertical-align: middle;
            width: 0.3rem;
            margin-right: 0.06rem; }
            footer .fop .fol .share .am .ac img {
              width: 100%;
              display: block; }
            footer .fop .fol .share .am .ac img:first-child {
              display: block; }
            footer .fop .fol .share .am .ac img:last-child {
              display: none; }
          footer .fop .fol .share .am .av {
            display: inline-block;
            vertical-align: middle;
            color: rgba(255, 255, 255, 0.6);
            line-height: 1.5; }
            footer .fop .fol .share .am .bd {
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              background-color: #fff;
              padding: 0.05rem;
              bottom: 105%;
              width: 1.4rem;
              display: none;
              box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); }
              footer .fop .fol .share .am .bd img {
                width: 100%;
                display: block; }
        footer .fop .fol .share .am:hover .ac img:first-child {
          display: none; }
        footer .fop .fol .share .am:hover .ac img:last-child {
          display: block; }
        footer .fop .fol .share .am:hover .av {
          color: var(--themes); }
          footer .fop .fol .share .am:hover .bd {
            display: block; }
            footer .fop .fol .kom {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
              align-items: center; }
              footer .fop .fol .kom .kls {
                display: inline-block;
                vertical-align: middle;
                width: auto; }
                footer .fop .fol .kom .kls .vg {
                  width: 100%;
                  color: #fff;
                  line-height: 1.5; }
                footer .fop .fol .kom .kls .kj {
                  width: 100%;
                  color: rgba(255, 255, 255, 0.5);
                  line-height: 1.5;
                  margin-top: 0.1rem; }
              footer .fop .fol .kom .krs {
                display: inline-block;
                vertical-align: middle;
                width: 1.2rem;
                min-width: 100px; }
                footer .fop .fol .kom .krs img {
                  width: 100%;
                  display: block; }
            footer .fop .fol .zxk {
              width: 100%;
              font-size: 0;
              margin: 0.25rem 0; }
              footer .fop .fol .zxk .xx {
                display: inline-block;
                vertical-align: middle;
                color: rgba(255, 255, 255, 0.5);
                line-height: 1.5; }
              footer .fop .fol .zxk .xxd {
                display: inline-block;
                vertical-align: middle;
                color: #ff9600;
                font-weight: bold;
                line-height: 1.3; }
            footer .fop .fol .shaym {
              width: 100%;
              font-size: 0;
              margin-top: 0.25rem; }
              footer .fop .fol .shaym .ym {
                display: inline-block;
                vertical-align: top;
                width: calc((100% - 0.2rem) / 3);
                margin-right: 0.1rem;
                max-width: 90px; }
                footer .fop .fol .shaym .ym a, footer .fop .fol .shaym .ym img {
                  width: 100%;
                  display: block; }
              footer .fop .fol .shaym .ym:nth-child(3n) {
                margin-right: 0; }
    footer .fop .fom {
      display: inline-block;
      vertical-align: top;
      width: calc(1000 / 1540 * 100%); }
      footer .fop .fom .flist {
        display: inline-block;
        vertical-align: top;
        width: calc(200 / 1000 * 100%);
        text-align: left;
        padding-right: 0.15rem; }
        footer .fop .fom .flist .fit {
          width: 100%;
          font-size: 0;
          margin-bottom: 0.2rem; }
          footer .fop .fom .flist .fit a {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            line-height: 1.4;
            transition: all ease 0.5s; }
          footer .fop .fom .flist .fit a:hover {
            color: #fff; }
        footer .fop .fom .flist .ful {
          width: 100%; }
          footer .fop .fom .flist .ful a {
            width: 100%;
            display: inline-block;
            vertical-align: top;
            color: rgba(255, 255, 255, 0.6);
            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: rgba(255, 255, 255, 0.6);
            line-height: 2;
            transition: all ease 0.5s; }
  footer .fbp {
    width: 100%;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    padding: 0.25rem 0; }
    footer .fbp .xk {
      display: inline-block;
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.6);
      line-height: 1.5;
      margin-right: 0.14rem; }
    footer .fbp .urlper {
      flex: 1; }
      footer .fbp .urlper .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        footer .fbp .urlper .swiper-slide a {
          display: inline-block;
          vertical-align: middle;
          color: rgba(255, 255, 255, 0.6);
          line-height: 1.5;
          transition: all ease 0.5s; }
        footer .fbp .urlper .swiper-slide a:hover {
          color: #fff; }
  footer .fbot {
    width: 100%;
    border-top: solid 1px rgba(255, 255, 255, 0.1); }
  footer .fob {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.25rem 0 1.4rem; }
    footer .fob .fm {
      width: 100%;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.6);
      line-height: 1.5; }
      footer .fob .fm a {
        display: inline-block;
        color: rgba(255, 255, 255, 0.6);
        line-height: 1.5;
        margin: 0 0.04rem; }
      footer .fob .fm a:hover {
        color: var(--themes); }

@media (max-width: 800px) {
  footer .fop {
    width: 100%;
    padding: 0.2rem 0; }
    footer .fop .fol {
      width: 100%;
      margin-bottom: 0.2rem; }
    footer .fop .fom {
      width: 100%;
      margin-bottom: 0.2rem; }
      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.25rem 0;
          margin-left: 0;
          position: relative; }
          footer .fop .fom .flist .fit a {
            font-size: 16px; }
        footer .fop .fom .flist .ful {
          width: 100%;
          font-size: 0;
          padding-bottom: 0.15rem;
          display: none;
          height: auto; }
          footer .fop .fom .flist .ful a {
            line-height: 2; }
      footer .fop .fom .flist:first-child {
        border-top: none;
        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.4rem;
        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%;
      max-width: 4rem;
      text-align: center;
      margin: 0 auto; }
  footer .fob {
    padding-bottom: 2.6rem; } }
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  background-color: var(--themes); }
  .bottom .bop {
    width: 100%;
    text-align: center;
    font-size: 0;
    position: relative;
    cursor: pointer; }
    .bottom .bop .bc {
      display: inline-block;
      vertical-align: middle;
      width: 1.41rem; }
      .bottom .bop .bc img {
        width: 100%;
        display: block; }
    .bottom .bop .vit {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      line-height: 1.2;
      width: auto;
      margin: 0 0.2rem; }
      .bottom .bop .vit span {
        font-weight: bold; }
    .bottom .bop .collect {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      background-color: #fff100;
      padding: 0 0.35rem;
      line-height: 3;
      border-radius: 1.5em;
      color: var(--themes);
      cursor: pointer;
      opacity: 0;
      transition: all ease 0.5s;
      height: 0; }
    .bottom .bop .collect.show {
      opacity: 1;
      height: 3em; }
    .bottom .bop .close {
      position: absolute;
      z-index: 2;
      left: calc(100% + 0.2rem);
      top: 50%;
      transform: translateY(-50%);
      width: 0.5rem;
      height: 0.5rem;
      cursor: pointer;
      display: none; }
      .bottom .bop .close img {
        width: 100%;
        display: block; }
  .bottom .bants {
    width: 100%;
    background-color: #fff;
    border-radius: 0.4rem 0.4rem 0 0;
    padding: 0.4rem 0.4rem 0;
    display: none; }
    .bottom .bants .comt {
      width: 100%;
      font-size: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      background-color: #f7f7f7;
      border-radius: 0.1rem;
      padding: 0.3rem 0.35rem; }
      .bottom .bants .comt .cml {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        .bottom .bants .comt .cml .ct {
          display: inline-block;
          vertical-align: middle;
          color: var(--themes);
          font-weight: bold;
          line-height: 1.2;
          margin-right: 0.2rem; }
        .bottom .bants .comt .cml .pm {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #666;
          line-height: 1.5; }
          .bottom .bants .comt .cml .pm span {
            display: inline-block;
            color: var(--themes); }
      .bottom .bants .comt .cmr {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        .bottom .bants .comt .cmr .nums {
          display: inline-block;
          vertical-align: middle;
          color: #666; }
          .bottom .bants .comt .cmr .nums span {
            display: inline-block;
            vertical-align: middle;
            color: var(--themes);
            font-weight: bold;
            margin-right: 0.1rem; }
    .bottom .bants .pemd {
      width: 100%;
      position: relative; }
      .bottom .bants .pemd::after {
        content: ' ';
        position: absolute;
        z-index: 1;
        width: 1px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        bottom: 0; }
      .bottom .bants .pemd .sub {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        width: 1.4rem;
        height: 1.4rem;
        background-color: rgba(195, 15, 25, 0.1);
        border-radius: 50%; }
        .bottom .bants .pemd .sub .oc {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 1rem;
          height: 1rem;
          border-radius: 50%;
          background-color: var(--themes);
          display: flex;
          align-items: center;
          justify-content: center; }
          .bottom .bants .pemd .sub .oc .km {
            width: 2em;
            text-align: center;
            line-height: 1.1;
            font-weight: bold;
            color: #fff; }
        .bottom .bants .pemd .sub .stn {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          cursor: pointer;
          z-index: 2;
          border-radius: 50%;
          opacity: 0; }
      .bottom .bants .pemd form {
        width: 100%;
        display: block; }
      .bottom .bants .pemd .pemg {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        justify-content: space-between;
        padding: 0.3rem 0;
        flex-direction: row-reverse; }
      .bottom .bants .pemd .peml {
        display: inline-block;
        vertical-align: middle;
        width: calc(430 / 1320 * 100%);
        position: relative;
        overflow: hidden; }
        .bottom .bants .pemd .peml .img {
          width: 100%;
          padding-top: 53.02%; }
      .bottom .bants .pemd .pemr {
        display: inline-block;
        vertical-align: middle;
        width: calc(540 / 1320 * 100%); }
        .bottom .bants .pemd .pemr .row {
          width: 100%;
          font-size: 0; }
          .bottom .bants .pemd .pemr .row .input {
            display: inline-block;
            vertical-align: middle;
            width: calc(260 / 540 * 100%);
            margin-right: calc(19 / 540 * 100%);
            margin-bottom: 0.3rem; }
            .bottom .bants .pemd .pemr .row .input .name {
              width: 100%;
              color: #111;
              line-height: 1.5;
              margin-bottom: 0.06rem; }
              .bottom .bants .pemd .pemr .row .input .name span {
                display: inline-block;
                color: var(--themes); }
            .bottom .bants .pemd .pemr .row .input .select {
              font-size: 0;
              display: inline-block;
              vertical-align: middle;
              border: none;
              text-align: left;
              position: relative;
              width: 100%; }
              .bottom .bants .pemd .pemr .row .input .select .select-con {
                width: 100%;
                display: inline-block;
                vertical-align: middle;
                position: relative;
                font-size: 0; }
                .bottom .bants .pemd .pemr .row .input .select .select-con .select-value {
                  display: inline-block;
                  vertical-align: middle;
                  width: 100%;
                  line-height: 3em;
                  height: 3em;
                  color: #666;
                  cursor: pointer;
                  padding: 0 .2rem;
                  background-color: #fff;
                  border: solid 1px #e5e5e5; }
                .bottom .bants .pemd .pemr .row .input .select .select-con select {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  left: 0;
                  top: 0;
                  z-index: 2;
                  opacity: 0; }
                  .bottom .bants .pemd .pemr .row .input .select .select-con select option {
                    color: #666;
                    font-size: .16rem;
                    line-height: 2.5;
                    background: #fff; }
                .bottom .bants .pemd .pemr .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;
                  /*滚动条里面小方块*/
                  /*滚动条里面轨道*/ }
                  .bottom .bants .pemd .pemr .row .input .select .select-con .seluls .option {
                    width: 100%;
                    color: #666;
                    line-height: 2.5;
                    background: #fff;
                    cursor: pointer;
                    padding: 0 0.15rem; }
                  .bottom .bants .pemd .pemr .row .input .select .select-con .seluls .option:hover {
                    background-color: var(--themes);
                    color: #fff; }
                  .bottom .bants .pemd .pemr .row .input .select .select-con .seluls .option + .option {
                    border-top: solid 1px #ddd; }
                .bottom .bants .pemd .pemr .row .input .select .select-con .seluls::-webkit-scrollbar {
                  width: 4px;
                  height: 4px;
                  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
                .bottom .bants .pemd .pemr .row .input .select .select-con .seluls::-webkit-scrollbar-thumb {
                  border-radius: 10px;
                  -webkit-box-shadow: inset 0 0 10px rgba(195, 15, 25, 0.3);
                  background: rgba(195, 15, 25, 0.3);
                  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
                .bottom .bants .pemd .pemr .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); }
              .bottom .bants .pemd .pemr .row .input .select .select-con:after {
                display: inline-block;
                content: "";
                position: absolute;
                right: .2rem;
                top: 50%;
                transform: translateY(-50%);
                z-index: 1;
                width: 14px;
                height: 8px;
                background-image: url("../images/xx.png");
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: center; }
            .bottom .bants .pemd .pemr .row .input .int {
              width: 100%;
              display: block; }
              .bottom .bants .pemd .pemr .row .input .int input {
                width: 100%;
                display: block;
                line-height: 3em;
                height: 3em;
                color: #666;
                padding: 0 .2rem;
                background-color: #fff;
                border: solid 1px #e5e5e5; }
          .bottom .bants .pemd .pemr .row .input:nth-child(2n) {
            margin-right: 0; }

@media (max-width: 800px) {
  .bottom .bop .close {
    left: auto;
    right: 0.2rem;
    top: 0.2rem;
    transform: translateY(0); }
  .bottom .bants .pemd::after {
    display: none; }
  .bottom .bants .pemd .sub {
    display: block;
    margin-top: 0rem;
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    margin: 0rem auto 0; } }
.rightnav {
  position: fixed;
  z-index: 5;
  right: 0.1rem;
  top: 60%;
  transform: translateY(-50%);
  display: none; }
  .rightnav .ritm {
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--themes); }
    .rightnav .ritm img {
      width: 100%;
      display: block; }