.sjbdmap{display: none;}
@media (max-width: 767px){.sjbdmap{display:table !important;}}


.sjbdmap_1{display: none;}
@media (max-width: 767px){.sjbdmap_1{display:block !important;}}


@media (max-width: 767px){
.pc_1{display: none;}
}



.w1600 {
  width: 16rem;
  margin: 0 auto;
  max-width: 100%; }

@media (max-width: 1640px) {
  .w1600 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1600 {
    width: 94%; } }
:root {
  --themes: #27A7E1; }

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s; }
  header .header {
    width: 100%;
    padding: 0rem 0.8rem 0;
    display: flex;
    justify-content: space-between;
    transition: all ease 0.5s;
    min-height: 0.9rem;
    align-items: center; }
  header .hel {
    display: inline-block;
    vertical-align: middle;
    width: auto; }
  header .her {
    display: inline-block;
    vertical-align: middle;
    text-align: right; }
    header .her .search {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      text-align: center;
      cursor: pointer;
      position: relative;
      width: 0.4rem;
      height: 0.4rem; }
      header .her .search .sc {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        background-color: var(--themes);
        transform: translate(-50%, -50%);
        z-index: 3;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 50%; }
        header .her .search .sc img {
          width: 100%;
          display: block; }
    header .her .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 .her .sechom form {
        width: 100%;
        display: block;
        font-size: 0; }
      header .her .sechom .input {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 2.4em - 0.2rem);
        margin-right: 0.2rem; }
        header .her .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 .her .sechom .stn {
        display: inline-block;
        vertical-align: middle;
        width: 2.2em;
        height: 2.2em;
        border-radius: 50%;
        background-color: var(--themes);
        position: relative; }
        header .her .sechom .stn img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          display: block;
          border-radius: 50%;
          cursor: pointer;
          z-index: 1;
          filter: grayscale(1000%) brightness(2000%); }
        header .her .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 .her .languages {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      font-size: 0;
      margin: 0 0.1rem;
      text-align: left;
      z-index: 3; }
      header .her .languages .lauges {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        position: relative; }
        header .her .languages .lauges .lashow {
          width: 100%;
          position: relative;
          cursor: pointer;
          font-size: 0; }
          header .her .languages .lauges .lashow .ac {
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            margin-right: 0.1rem; }
            header .her .languages .lauges .lashow .ac img {
              width: 100%;
              display: none; }
            header .her .languages .lauges .lashow .ac img.on {
              display: block; }
          header .her .languages .lauges .lashow .am {
            color: #222;
            display: inline-block;
            vertical-align: middle;
            width: auto; }
        header .her .languages .lauges .language {
          position: absolute;
          z-index: 20;
          top: 100%;
          width: 100%;
          display: none;
          width: 60px;
          width: 1rem;
          left: 50%;
          transform: translateX(-50%); }
          header .her .languages .lauges .language .latem {
            width: 100%; }
            header .her .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 .her .languages .lauges .language .latem a span {
                display: inline-block;
                vertical-align: middle;
                position: relative;
                z-index: 2; }
              header .her .languages .lauges .language .latem a:after {
                content: "";
                position: absolute;
                width: 140%;
                height: 100%;
                left: -10%;
                top: 0;
                z-index: -1;
                transform: translate(-105%, 0) skew(-20deg);
                background: var(--themes);
                z-index: 1;
                animation: outHover 0.5s ease 1 forwards; }
            header .her .languages .lauges .language .latem a:hover {
              color: #fff; }
              header .her .languages .lauges .language .latem a:hover span {
                color: #fff; }
              header .her .languages .lauges .language .latem a:hover:after {
                animation-name: onHover; }
@keyframes onHover {
  from {
    transform: translate(-110%, 0) skew(-20deg); }
  to {
    transform: translate(0, 0) skew(-20deg); } }
@keyframes outHover {
  from {
    transform: translate(0, 0) skew(-20deg); }
  to {
    transform: translate(110%, 0) skew(-20deg); } }
    header .her .menu {
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      cursor: pointer;
      position: relative;
      display: none; }
      header .her .menu img {
        width: 100%;
        display: block; }
      header .her .menu .clk {
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff;
        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 .her .telom {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      font-size: 0;
      margin-left: 0.2rem; }
      header .her .telom .tel {
        display: inline-block;
        vertical-align: middle;
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        margin-right: 0.1rem;
        background-color: rgba(255, 255, 255, 0.15); }
      header .her .telom .tm {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        line-height: 1.5; }
  header .hem {
    display: inline-block;
    vertical-align: middle;
    flex: 1;
    transition: all ease 0.5s; }
  header .logm {
    width: 3.06rem;
    font-size: 0;
    display: inline-block;
    vertical-align: middle; }
    header .logm .logo {
      width: 100%;
      overflow: hidden;
      transition: all ease 0.5s;
      display: inline-block;
      vertical-align: middle; }
      header .logm .logo a, header .logm .logo img {
        width: 100%;
        display: block; }
        header .eom {
          width: 1.4rem;
          font-size: 0;
          display: inline-block;
          vertical-align: middle; 
        }
        header .eom img{
          width: 100%;
          display: block;
        }
  header nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    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 0rem; }
        header nav .natem .nas a {
          display: inline-block;
          line-height: 0.9rem;
          color: #fff;
          position: relative;font-weight: bold; }
        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: 0rem;
          transform: translateX(-50%);
          opacity: 0;
          width: 100%;
          height: 3px;
          background-color: var(--themes);
          transition: all ease 0.5s;
          width: 0; }
      header nav .natem .navuls {
        width: 2.2rem;
        position: absolute;
        z-index: 101;
        left: calc(50%);
        top: 100%;
        transform: translateX(-50%);
        background-color: rgba(143,195,31,0.7);
        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(143,195,31, 0.3) transparent;
          bottom: 100%;
          z-index: 3; }
        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;
              padding: 0 0.2rem 0 0.25rem;
              position: relative;
              text-align: left; }
              header nav .natem .navuls ul li .ns span {
                display: inline-block;
                vertical-align: middle;
                width: 6px;
                margin-right: 0.09rem; }
                header nav .natem .navuls ul li .ns span img {
                  width: 100%;
                  display: block; }
                header nav .natem .navuls ul li .ns span img:first-child {
                  display: block; }
                header nav .natem .navuls ul li .ns span img:last-child {
                  display: none; }
            header nav .natem .navuls ul li .theul {
              width: 100%;
              background-color: rgba(39,167,225,0.7);
              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.has-nav .nas .xs {
      display: inline-block; }
    header nav .natem.on .nas a {
      font-weight: bold;
      color:#fff; }
    header nav .natem:hover .nas a {
      color:#fff;
      font-weight: bold; }

.hbg {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 0.9rem;
  background-color: #000;
  left: 0;
  right: 0;
  display: none; }

header.white {
  background-color: rgba(0, 0, 0, 0.8); }

@media (max-width: 800px) {
  .hbg {
    display: block;
    height: calc(40px + 0.2rem); }

  header {
    background-color: rgba(0, 0, 0, 0.8); }
    header .header {
      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: rgba(0, 0, 0, 0.9);
      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: #fff;
            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: #fff;
                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: #fff;
        border: none; }
      header nav .natem.has-nav.show:after {
        content: "-"; }
      header nav .natem.animate {
        opacity: 1;
        transform: translate(0, 0); }
    header .her .menu {
      width: 30px;
      height: 30px;
      display: inline-block; }
      header .her .menu .clk {
        line-height: 30px; }
    header .her .search {
      width: 24px; }
      header .her .search .sc {
        width: 24px; }
    header .her .sechom {
      width: 100vw;
      position: fixed;
      left: 0;
      top: calc(40px + 0.2rem);
      padding: 0.15rem; }

  header.short .hel {
    display: inline-block; }

  header.menu-state .her .menu img {
    opacity: 0; } }
.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: 48.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); }

@media (max-width: 800px) {
  .banner .swiper-slide .pcimgs {
    display: none; }
  .banner .swiper-slide .phimgs {
    display: block; } }
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 / 1600 * 100%); }
      footer .fop .fol .xum {
        width: 100%;
        color: #fff;
        line-height: 1.4;
        margin-bottom: 0.15rem; }
      footer .fop .fol .xul {
        width: 100%;
        color: #fff;
        line-height: 1.75; }
        footer .fop .fol .xul p {
          color: #fff;
          line-height: 1.75; }
    footer .fop .fom {
      display: inline-block;
      vertical-align: top;
      width: calc(680 / 1600 * 100%); }
      footer .fop .fom .flist {
        display: inline-block;
        vertical-align: top;
        width: calc(160 / 660 * 100%);
        text-align: left; }
        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: var(--themes); }
        footer .fop .fom .flist .ful {
          width: 100%; }
          footer .fop .fom .flist .ful a {
            width: 100%;
            display: inline-block;
            vertical-align: top;
            color: #fff;
            transition: all ease 0.5s;
            line-height: 2;
            line-height: 1.5;
            padding: 0.05rem 0; }
          footer .fop .fom .flist .ful a:hover {
            color: var(--themes); }
          footer .fop .fom .flist .ful div {
            width: 100%;
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            line-height: 2;
            transition: all ease 0.5s; }
    footer .fop .for {
      display: inline-block;
      vertical-align: top;
      width: calc(320 / 1600 * 100%); }
      footer .fop .for .codom {
        width: 100%;
        font-size: 0; }
        footer .fop .for .codom .com {
          display: inline-block;
          vertical-align: top;
          width: calc((100% - 0.3rem) / 2);
          margin-right: 0.3rem; }
          footer .fop .for .codom .com .cm {
            width: 100%;
            display: block; }
            footer .fop .for .codom .com .cm img {
              width: 100%;
              display: block; }
          footer .fop .for .codom .com .mx {
            width: 100%;
            text-align: center;
            line-height: 1.5;
            color: #fff;
            margin-top: 0.06rem; }
        footer .fop .for .codom .com:nth-child(2n) {
          margin-right: 0; }
  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: #fff;
      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: #fff;
          line-height: 1.5; }
        footer .fbp .urlper .swiper-slide a:hover {
          color: var(--themes); }
  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; }
    footer .fob .fm {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      line-height: 1.5; }
      footer .fob .fm a {
        display: inline-block;
        color: #fff;
        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("../image/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; } }
.programme {
  width: 100%;
  padding: 0.5rem 0 0.5rem;
  background-color: #f9fafb; }
  .programme .prvop {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: center; }
    .programme .prvop .eit {
      width: 100%;
      color: #111;
      font-weight: bold;
      line-height: 1.3; }
      .programme .prvop .eit span {
        color: var(--themes); }
      .programme .prvop .eit p {
        color: #111;
        font-weight: bold;
        line-height: 1.3; }
    .programme .prvop .xit {
      width: 100%;
      color: #111;
      font-weight: bold;
      line-height: 1.3;
      margin: 0.08rem 0; }
      .programme .prvop .xit span {
        color: var(--themes); }
      .programme .prvop .xit p {
        color: #111;
        font-weight: bold;
        line-height: 1.3; }
    .programme .prvop .vm {
      width: 100%;
      color: #666;
      line-height: 1.5; }
      .programme .prvop .vm p {
        color: #666;
        line-height: 1.5; }
  .programme .form {
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 0.6rem 1rem;
    border-top: solid 0.03rem var(--themes); }
    .programme .form .sub {
      width: 100%;
      font-size: 0;
      text-align: center;
      margin-top: 0.4rem; }
      .programme .form .sub .stn {
        display: inline-block;
        vertical-align: middle;
        background-color: var(--themes);
        color: #fff;
        line-height: 3;
        cursor: pointer;
        border-radius: 1.5em;
        padding: 0 0.4rem;
        border: none;
        transition: all ease 0.5s; }
      .programme .form .sub .stn:hover {
        animation: icon-bounce 0.5s alternate; }
    .programme .form .lacom {
      width: 100%;
      font-size: 0;
      display: flex;
      padding: 0.09rem 0; }
      .programme .form .lacom .xame {
        display: inline-block;
        vertical-align: top;
        width: auto;
        color: #111;
        line-height: 1.8;
        margin-right: 0.22rem; }
      .programme .form .lacom .recom {
        display: inline-block;
        vertical-align: top;
        flex: 1;
        font-size: 0; }
        .programme .form .lacom .recom .litem {
          width: auto;
          display: inline-block;
          vertical-align: middle;
          min-width: 2rem;
          margin-right: 0.3rem; }
        .programme .form .lacom .recom .labels {
          width: 100%;
          font-size: 0;
          position: relative;
          display: block; }
          .programme .form .lacom .recom .labels .ic {
            display: inline-block;
            vertical-align: middle;
            width: 0.2rem;
            height: 0.2rem;
            margin-right: 0.1rem; }
            .programme .form .lacom .recom .labels .ic img {
              width: 100%;
              display: block; }
            .programme .form .lacom .recom .labels .ic img:first-child {
              display: block; }
            .programme .form .lacom .recom .labels .ic img:last-child {
              display: none; }
          .programme .form .lacom .recom .labels .xmm {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            color: #666;
            line-height: 1.8; }
          .programme .form .lacom .recom .labels .laitm {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: block;
            cursor: pointer;
            opacity: 0; }
        .programme .form .lacom .recom .labels.selected .ic img:first-child {
          display: none; }
        .programme .form .lacom .recom .labels.selected .ic img:last-child {
          display: block; }
    .programme .form .text {
      width: 100%; }
      .programme .form .text .area {
        width: 100%;
        border: solid 1px rgba(0, 0, 0, 0.1);
        padding: 0.15rem 0.2rem;
        color: #333;
        line-height: 1.5;
        display: block;
        background-color: #fff; }
    .programme .form .inputc {
      width: 100%;
      font-size: 0;
      margin-top: 0.2rem; }
      .programme .form .inputc .lom {
        display: inline-block;
        vertical-align: top;
        width: calc(335 / 1400 * 100%);
        margin-right: calc(19 / 1400 * 100%);
        margin-bottom: 0.2rem;
        border: solid 1px rgba(0, 0, 0, 0.1); }
        .programme .form .inputc .lom .input {
          width: 100%;
          display: block; }
          .programme .form .inputc .lom .input input {
            width: 100%;
            display: block;
            padding: 0 0.2rem;
            line-height: 3;
            border: none;
            height: 3em;
            color: #333; }
            .programme .form .inputc .lom.yzm {
              display: flex;
              width: 400px;
              max-width: 100%; }
              .programme .form .inputc .lom.yzm .input {
                display: inline-block;
                vertical-align: middle;
                flex: 1; }
              .programme .form .inputc .lom.yzm .ymg {
                display: inline-block;
                vertical-align: middle;
                height: 3em; }
                .programme .form .inputc .lom.yzm .ymg img {
                  height: 100%;
                  display: block; }
      .programme .form .inputc .lom:nth-child(4n) {
        margin-right: 0; }
      .programme .form .inputc .slom {
        width: 100%; }
      .programme .form .inputc .select {
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        border: none;
        text-align: left;
        position: relative;
        width: 50%;
        z-index: 1; }
        .programme .form .inputc .select .select-con {
          width: 100%;
          display: inline-block;
          vertical-align: middle;
          position: relative;
          font-size: 0; }
          .programme .form .inputc .select .select-con .select-value {
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            line-height: 3em;
            height: 3em;
            color: #222;
            cursor: pointer;
            padding: 0 .2rem;
            z-index: 3;
            position: relative; }
          .programme .form .inputc .select .select-con select {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 2;
            opacity: 0; }
            .programme .form .inputc .select .select-con select option {
              color: #666;
              font-size: .16rem;
              line-height: 2.5;
              background: #fff; }
          .programme .form .inputc .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: 2;
            box-shadow: 0px 7px 59px 0px rgba(30, 112, 38, 0.16);
            overflow: auto;
            /*滚动条里面小方块*/
            /*滚动条里面轨道*/ }
            .programme .form .inputc .select .select-con .seluls .option {
              width: 100%;
              color: #222;
              line-height: 1.75;
              cursor: pointer;
              padding: 0.05rem 0.15rem; }
            .programme .form .inputc .select .select-con .seluls .option:hover {
              background-color: var(--themes);
              color: #fff; }
          .programme .form .inputc .select .select-con .seluls::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
          .programme .form .inputc .select .select-con .seluls::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 10px rgba(30, 112, 38, 0.3);
            background: rgba(30, 112, 38, 0.3);
            scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
          .programme .form .inputc .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); }
        .programme .form .inputc .select .select-con:after {
          display: inline-block;
          content: "";
          position: absolute;
          right: .2rem;
          top: 55%;
          transform: translateY(-50%);
          z-index: 3;
          width: 12px;
          height: 6px;
          background-image: url("../image/x1.png");
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: center; }
      .programme .form .inputc .select:first-child:after {
        content: ' ';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        height: 0.15rem; }
    .programme .form .inputc + .inputc {
      margin-top: 0; }

.modular {
  width: 100%;
  font-size: 0; }
  .modular .mitop {
    width: 100%;
    margin-bottom: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end; }
    .modular .mitop .mol {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop .mol .ent {
        width: 100%;
        color: #111;
        font-weight: bold;
        line-height: 1.3;
        display: none; }
      .modular .mitop .mol .cnt {
        width: 100%;
        color: #111;
        font-weight: bold;
        line-height: 1.3; }
    .modular .mitop .mor {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop .mor .btns {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        font-size: 0; }
      .modular .mitop .mor .btn {
        display: inline-block;
        vertical-align: middle;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background-color: #f8f9fb;
        cursor: pointer; }
        .modular .mitop .mor .btn img {
          width: 100%;
          display: block; }
        .modular .mitop .mor .btn img:first-child {
          display: block; }
        .modular .mitop .mor .btn img:last-child {
          display: none; }
      .modular .mitop .mor .btn + .btn {
        margin-left: 0.1rem; }
      .modular .mitop .mor .btn:hover {
        background-color: var(--themes); }
        .modular .mitop .mor .btn:hover img:first-child {
          display: none; }
        .modular .mitop .mor .btn:hover img:last-child {
          display: block; }
  .modular .mitop.mid .mol {
    width: 100%;
    text-align: center; }

.modular.white .mitop .mol .ent, .modular.white .mitop .mol .cnt {
  color: #fff; }
.modular.white .mitop .mor .atn {
  width: auto;
  display: inline-block;
  vertical-align: middle; }
  .modular.white .mitop .mor .atn a {
    display: inline-block;
    vertical-align: middle;
    border: solid 1px white;
    padding: 0 0.35rem;
    cursor: pointer;
    line-height: 3;
    border-radius: 1.5em;
    color: #fff;
    transition: all ease 0.5s;
    width: auto; }
    .modular.white .mitop .mor .atn a span {
      display: inline-block;
      vertical-align: middle;
      width: 6px;
      margin-left: 0.1rem;
      position: relative;
      top: -0.01rem; }
      .modular.white .mitop .mor .atn a span img {
        width: 100%;
        display: block; }
  .modular.white .mitop .mor .atn a:hover {
    background-color: var(--themes);
    color: #fff;
    border: solid 1px var(--themes);
    animation: icon-bounce 0.5s alternate; }

.parnter {
  width: 100%;
  padding: 1rem 0;
  background-color: #fff; }
  .parnter .parpers {
    width: 100%;
    font-size: 0; }
    .parnter .parpers .swiper-container {
      padding: 0.1rem 0; }
    .parnter .parpers .param {
      display: inline-block;
      vertical-align: top;
      width: calc(250 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      margin-bottom: 0.2rem;
      position: relative;
      overflow: hidden;
      background-color: #fff;
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); }
      .parnter .parpers .param a {
        width: 100%;
        display: block; }
      .parnter .parpers .param .img {
        width: 100%;
        padding-top: 60%;
        transition: all ease 0.5s; }
    .parnter .parpers .param:nth-child(6n) {
      margin-right: 0; }
    .parnter .parpers .param:hover .img {
      transform: scale(1.1); }
    .parnter .parpers .param:nth-child(6n+1) {
      transition-delay: 0.1s; }
    .parnter .parpers .param:nth-child(6n+2) {
      transition-delay: 0.2s; }
    .parnter .parpers .param:nth-child(6n+3) {
      transition-delay: 0.3s; }
    .parnter .parpers .param:nth-child(6n+4) {
      transition-delay: 0.4s; }
    .parnter .parpers .param:nth-child(6n+5) {
      transition-delay: 0.5s; }
    .parnter .parpers .param:nth-child(6n+6) {
      transition-delay: 0.6s; }

.abouts {
  width: 100%;
  display: flex;
  background-color: #fafafa;
  padding-left: calc(160 / 1920 * 100%);
  flex-wrap: wrap;padding-top: 1rem;  }
  
  
  
  .abouts .ablm {
    display: inline-block;
    vertical-align: middle;
    width: calc(800 / 1760 * 100%);
    position: relative;
    overflow: hidden; }
    .abouts .ablm .img {
      width: 100%;
      height: 100%;
      display: block;
      min-height: 4.5rem;
      /* padding-top: 97.916%; */
     }
  .abouts .abrm {
    display: inline-block;
    vertical-align: middle;
    width: calc(960 / 1760 * 100%);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    .abouts .abrm .brme {
      width: 100%;
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      background-color: #fff;
      padding: 0.5rem calc(160 / 1920 * 100%) 0.5rem 1.2rem;
      align-content: center; }
      .abouts .abrm .brme .binp {
        width: 100%;
        color: rgba(0, 0, 0, 0.6);
        padding-right: 0.15rem;
        max-height: 3.2rem;
        overflow: auto;
        line-height: 1.75; }
        .abouts .abrm .brme .binp::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            scrollbar-arrow-color:rgba(0,0,0,.1);
        }
        .abouts .abrm .brme .binp::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 10px rgba(39,167,225,0.7);
            background: rgba(39,167,225,0.7);
            scrollbar-arrow-color:rgba(0,0,0,.1);
        }
        .abouts .abrm .brme .binp::-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);
        }
        .abouts .abrm .brme .binp p {
          color: rgba(0, 0, 0, 0.6);
          line-height: 1.75; }
      .abouts .abrm .brme .more {
        width: 100%;
        font-size: 0;
        margin-top: 0.3rem; }
        .abouts .abrm .brme .more a {
          display: inline-block;
          vertical-align: middle;
          border: solid 1px rgba(0, 0, 0, 0.15);
          padding: 0 0.35rem;
          cursor: pointer;
          line-height: 3;
          border-radius: 1.5em;
          color: var(--themes);
          transition: all ease 0.5s; }
          .abouts .abrm .brme .more a span {
            display: inline-block;
            vertical-align: middle;
            width: 6px;
            margin-left: 0.1rem;
            position: relative;
            top: -0.01rem; }
            .abouts .abrm .brme .more a span img {
              width: 100%;
              display: block; }
        .abouts .abrm .brme .more a:hover {
          background-color: var(--themes);
          color: #fff;
          border: solid 1px var(--themes);
          animation: icon-bounce 0.5s alternate; }
          .abouts .abrm .brme .more a:hover span {
            filter: grayscale(1000%) brightness(2000%); }
    .abouts .abrm .brmd {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .abouts .abrm .brmd .riam {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        text-align: center;
        padding: 0.5rem 0.2rem;
        flex: 1;
        background-color: #eff0f2; }
        .abouts .abrm .brmd .riam .year {
          width: 100%;
          color: var(--themes); }
          .abouts .abrm .brmd .riam .year span {
            display: inline-block;
            color: var(--themes);
            margin-right: 0.08rem; }
        .abouts .abrm .brmd .riam .ym {
          width: 100%;
          color: rgba(0, 0, 0, 0.6);
          line-height: 1.5;
          margin-top: 0.08rem; }
      .abouts .abrm .brmd .riam:nth-child(1) {
        background-color: var(--themes); }
        .abouts .abrm .brmd .riam:nth-child(1) .year {
          color: #fff; }
          .abouts .abrm .brmd .riam:nth-child(1) .year span {
            color: #fff; }
        .abouts .abrm .brmd .riam:nth-child(1) .ym {
          color: #fff; }
      .abouts .abrm .brmd .riam:nth-child(2) {
        background-color: #f8f9fb; }

.proucts {
  width: 100%;
  padding: 1rem 0;
  background-color: #f9fafb; }
  .proucts .prolist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .proucts .prolist .protm {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      width: calc(520 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      margin-bottom: 0.2rem;
      align-content: center; }
      .proucts .prolist .protm a {
        width: 100%;
        display: block; }
      .proucts .prolist .protm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .proucts .prolist .protm .imgs .img {
          width: 100%;
          padding-top: 76.59%;
          transition: all ease 0.5s; }
      .proucts .prolist .protm .vom {
        position: relative;
        background-color: #fff;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0.4rem 0.3rem;
        height: 100%;
        text-align: center;
        z-index: 3; }
        .proucts .prolist .protm .vom .vt {
          width: 100%;
          color: #111;
          line-height: 1.5;
          margin-bottom: 0.08rem; }
        .proucts .prolist .protm .vom .tm {
          width: 100%;
          color: rgba(0, 0, 0, 0.6);
          line-height: 1.5;
          margin-bottom: 0.08rem; }
          .proucts .prolist .protm .vom .tm p {
            color: rgba(0, 0, 0, 0.6);
            line-height: 1.5; }
        .proucts .prolist .protm .vom .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.1rem;
          transition: all ease 0.5s;
          margin-bottom: 0.3rem; }
          .proucts .prolist .protm .vom .more .jm {
            display: inline-block;
            vertical-align: middle;
            background-color: var(--themes);
            padding: 0 0.34rem;
            line-height: 0.46rem;
            height: 0.46rem;
            border-radius: 0.23rem;
            width: calc(0.68rem + 6px); }
            .proucts .prolist .protm .vom .more .jm img {
              width: 100%;
              display: block;
              margin-top: calc(0.23rem - 4px); }
      .proucts .prolist .protm .more {
        width: 100%;
        font-size: 0;
        margin-top: 0.3rem; }
        .proucts .prolist .protm .more a {
          display: inline-block;
          vertical-align: middle;
          border: solid 1px rgba(0, 0, 0, 0.15);
          padding: 0 0.35rem;
          cursor: pointer;
          line-height: 3;
          border-radius: 1.5em;
          color: var(--themes);
          transition: all ease 0.5s;
          width: auto;
          background-color: var(--themes);
          color: #fff;
          border: solid 1px var(--themes); }
          .proucts .prolist .protm .more a span {
            display: inline-block;
            vertical-align: middle;
            width: 6px;
            margin-left: 0.1rem;
            position: relative;
            top: -0.01rem; }
            .proucts .prolist .protm .more a span img {
              width: 100%;
              display: block; }
          .proucts .prolist .protm .more a span {
            filter: grayscale(1000%) brightness(2000%); }
        .proucts .prolist .protm .more a:hover {
          background-color: var(--themes);
          color: #fff;
          border: solid 1px var(--themes);
          animation: icon-bounce 0.5s alternate; }
          .proucts .prolist .protm .more a:hover span {
            filter: grayscale(1000%) brightness(2000%); }
      .proucts .prolist .protm .tom {
        width: 100%;
        padding: 0 0.2rem; }
      .proucts .prolist .protm .vog {
        width: 100%;
        padding: 0 0.2rem; }
      .proucts .prolist .protm .ht, .proucts .prolist .protm .vh {
        width: 100%;
        text-align: center;
        color: #111;
        line-height: 1.3; }
      .proucts .prolist .protm .hp, .proucts .prolist .protm .vp {
        width: 100%;
        color: rgba(0, 0, 0, 0.6);
        line-height: 1.5;
        text-align: center; }
        .proucts .prolist .protm .hp p, .proucts .prolist .protm .vp p {
          color: rgba(0, 0, 0, 0.6);
          line-height: 1.5; }
      .proucts .prolist .protm .ht {
        margin-bottom: 0.1rem; }
      .proucts .prolist .protm .vh {
        font-weight: bold;
        margin-top: 0.1rem; }
      .proucts .prolist .protm .tom + .vog {
        margin-top: 0.2rem; }
    .proucts .prolist .protm:nth-child(3n) {
      margin-right: 0; }
    .proucts .prolist .protm:hover .imgs .img {
      transform: scale(1.1); }
    .proucts .prolist .protm:hover .vom .more {
      opacity: 1; }

@media (max-width: 800px) {
  .proucts .prolist .protm {
    width: 100%;
    margin-right: 0; }
  .proucts .prolist .protm:first-child, .proucts .prolist .protm:last-child {
    width: 100%;
    margin-right: 0; }
  .proucts .prolist .protm:first-child {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 0.4rem; }
    .proucts .prolist .protm:first-child .mitop {
      margin-bottom: 0; }
    .proucts .prolist .protm:first-child .more {
      width: auto; }
      .proucts .prolist .protm:first-child .more a {
        white-space: nowrap; }
  .proucts .prolist .protm:last-child {
    margin-top: 0.4rem; } }
.cases {
  width: 100%;
  background-color: #fafafa;
  padding: 1rem 0;
  padding-left: calc(160 / 1920 * 100%);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .cases .cal {
    display: inline-block;
    vertical-align: middle;
    width: calc(435 / 1760 * 100%);
    padding-bottom: 1rem; }
    .cases .cal .minp {
      width: 100%;
      color: rgba(0, 0, 0, 0.6);
      line-height: 1.5; }
      .cases .cal .minp p {
        color: rgba(0, 0, 0, 0.6);
        line-height: 1.5; }
    .cases .cal .more {
      width: 100%;
      font-size: 0;
      margin-top: 0.8rem; }
      .cases .cal .more a {
        display: inline-block;
        vertical-align: middle;
        border: solid 1px rgba(0, 0, 0, 0.15);
        padding: 0 0.35rem;
        cursor: pointer;
        line-height: 3;
        border-radius: 1.5em;
        color: var(--themes);
        transition: all ease 0.5s;
        width: auto;
        background-color: var(--themes);
        color: #fff;
        border: solid 1px var(--themes); }
        .cases .cal .more a span {
          display: inline-block;
          vertical-align: middle;
          width: 6px;
          margin-left: 0.1rem;
          position: relative;
          top: -0.01rem; }
          .cases .cal .more a span img {
            width: 100%;
            display: block; }
        .cases .cal .more a span {
          filter: grayscale(1000%) brightness(2000%); }
      .cases .cal .more a:hover {
        background-color: var(--themes);
        color: #fff;
        border: solid 1px var(--themes);
        animation: icon-bounce 0.5s alternate; }
        .cases .cal .more a:hover span {
          filter: grayscale(1000%) brightness(2000%); }
  .cases .car {
    display: inline-block;
    vertical-align: middle;
    width: calc(1210 / 1760 * 100%); }
    .cases .car .carpers {
      width: 100%;
      position: relative; }
      .cases .car .carpers .swiper-container {
        padding-bottom: 1rem; }
      .cases .car .carpers .swiper-slide {
        width: 100%; }
        .cases .car .carpers .swiper-slide a {
          width: 100%;
          display: block; }
        .cases .car .carpers .swiper-slide .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .cases .car .carpers .swiper-slide .imgs .img {
            width: 100%;
            padding-top: 60%;
            transition: all ease 0.5s; }
        .cases .car .carpers .swiper-slide .pom {
          width: 100%;
          padding: 0.35rem;
          background-color: #fff; }
          .cases .car .carpers .swiper-slide .pom .px {
            width: 100%;
            color: #111;
            line-height: 1.5; }
          .cases .car .carpers .swiper-slide .pom .lx {
            display: block;
            width: 0.15rem;
            height: 0.06rem;
            background-color: var(--themes);
            border-radius: 0 0.03rem 0.03rem 0;
            margin: 0.15rem 0 0.2rem; }
          .cases .car .carpers .swiper-slide .pom .sim {
            width: 100%;
            color: rgba(0, 0, 0, 0.6);
            line-height: 1.5;
            height: 3em; }
          .cases .car .carpers .swiper-slide .pom .more {
            width: 100%;
            font-size: 0;
            margin-top: 0.4rem; }
            .cases .car .carpers .swiper-slide .pom .more .jm {
              display: inline-block;
              vertical-align: middle;
              padding: 0 0.34rem;
              line-height: 0.4rem;
              height: 0.4rem;
              border-radius: 0.2rem;
              border: solid 1px rgba(0, 0, 0, 0.15); }
              .cases .car .carpers .swiper-slide .pom .more .jm img {
                width: 100%;
                display: block;
                margin-top: calc(0.2rem - 5px); }
      .cases .car .carpers .swiper-slide:hover .imgs .img {
        transform: scale(1.1); }
      .cases .car .carpers .swiper-slide:hover .pom {
        background-color: var(--themes); }
        .cases .car .carpers .swiper-slide:hover .pom .px, .cases .car .carpers .swiper-slide:hover .pom .sim {
          color: #fff; }
        .cases .car .carpers .swiper-slide:hover .pom .lx {
          background-color: #fff; }
        .cases .car .carpers .swiper-slide:hover .pom .more .jm {
          background-color: #fff;
          border: solid 1px #fff; }
      .cases .car .carpers .swiper-scrollbar {
        background-color: rgba(0, 0, 0, 0.1);
        left: auto;
        right: 0;
        width: calc(100% - 1.3rem);
        bottom: 0.24rem; }
      .cases .car .carpers .swiper-scrollbar-drag {
        background-color: var(--themes); }
      .cases .car .carpers .btns {
        position: absolute;
        left: 0;
        z-index: 3;
        bottom: 0;
        font-size: 0;
        width: auto; }
        .cases .car .carpers .btns .btn {
          display: inline-block;
          vertical-align: middle;
          width: 0.5rem;
          height: 0.5rem;
          border-radius: 50%;
          background-color: #fff;
          cursor: pointer; }
          .cases .car .carpers .btns .btn img {
            width: 100%;
            display: block; }
          .cases .car .carpers .btns .btn img:first-child {
            display: block; }
          .cases .car .carpers .btns .btn img:last-child {
            display: none; }
        .cases .car .carpers .btns .btn + .btn {
          margin-left: 0.1rem; }
        .cases .car .carpers .btns .btn:hover {
          background-color: var(--themes); }
          .cases .car .carpers .btns .btn:hover img:first-child {
            display: none; }
          .cases .car .carpers .btns .btn:hover img:last-child {
            display: block; }

.Application {
  width: 100%;
  padding: 0.8rem 0;
  overflow: hidden; }
  .Application .mitop {
    margin-bottom: 0.8rem; }
  .Application .adrom {
    width: 100%; }
    .Application .adrom .adm {
      width: calc(600 / 1600 * 100%);
      position: relative;
      border-radius: 50%;
      box-sizing: border-box;
      display: block;
      margin: 0 auto;
      border: dashed 1px #fff; }
      .Application .adrom .adm .cans {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 4; }
      .Application .adrom .adm .hei {
        width: 100%;
        padding-top: 100%; }
      .Application .adrom .adm .points {
        position: absolute;
        z-index: 6;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
        .Application .adrom .adm .points .point {
          width: 0.42rem;
          height: 0.42rem;
          border-radius: 50%;
          border: solid 1px transparent;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
          .Application .adrom .adm .points .point span {
            display: inline-block;
            vertical-align: middle;
            width: 0.11rem;
            height: 0.11rem;
            border-radius: 50%;
            background-color: #fff; }
          .Application .adrom .adm .points .point canvas {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all ease 0.5s;
            visibility: hidden; }
        .Application .adrom .adm .points .point:nth-child(1) {
          position: absolute;
          left: 0.7rem;
          top: 0.6rem;
          left: 11%;
          top: 11%; }
        .Application .adrom .adm .points .point:nth-child(2) {
          position: absolute;
          right: 0.7rem;
          top: 0.6rem;
          right: 11%;
          top: 11%; }
        .Application .adrom .adm .points .point:nth-child(4) {
          position: absolute;
          left: 0.7rem;
          bottom: 0.6rem;
          left: 11%;
          bottom: 11%; }
        .Application .adrom .adm .points .point:nth-child(3) {
          position: absolute;
          right: 0.7rem;
          bottom: 0.6rem;
          right: 11%;
          bottom: 11%; }
        .Application .adrom .adm .points .point.on canvas {
          opacity: 1;
          visibility: visible; }
        .Application .adrom .adm .points .point.on span {
          background-color: var(--themes); }
      .Application .adrom .adm .midom {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: calc(480 / 600 * 100%);
        box-sizing: border-box;
        z-index: 4;
        overflow: hidden; }
        .Application .adrom .adm .midom .mlis {
          width: 100%; }
        .Application .adrom .adm .midom .mli {
          width: 100%;
          border: solid 5px var(--themes);
          border-radius: 50%;
          position: relative;
          overflow: hidden;
          box-sizing: border-box;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          opacity: 0;
          visibility: hidden;
          transition: all ease 0.5s;
          z-index: 3; }
          .Application .adrom .adm .midom .mli .imgs {
            width: 100%;
            position: relative;
            overflow: hidden;
            border-radius: 50%; }
            .Application .adrom .adm .midom .mli .imgs .img {
              width: 100%;
              padding-top: 100%; }
          .Application .adrom .adm .midom .mli .conp {
            width: 1.2rem;
            display: block;
            margin: 0 auto;
            position: absolute;
            max-width: 100%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
            .Application .adrom .adm .midom .mli .conp .icon {
              width: 100%;
              height: 100%;
              display: block;
              transition: all ease 0.8s; }
              .Application .adrom .adm .midom .mli .conp .icon img {
                width: 100%;
                display: block; }
            .Application .adrom .adm .midom .mli .conp .tx {
              position: absolute;
              transition: all ease 0.8s;
              width: 0.17rem;
              height: 0.18rem;
              transform: rotate(0deg); }
              .Application .adrom .adm .midom .mli .conp .tx img {
                width: 100%;
                display: block; }
              .Application .adrom .adm .midom .mli .conp .tx img:first-child {
                display: block; }
              .Application .adrom .adm .midom .mli .conp .tx img:last-child {
                display: none; }
            .Application .adrom .adm .midom .mli .conp .x1 {
              left: 0;
              top: 0;
              transition-delay: 0.2s; }
            .Application .adrom .adm .midom .mli .conp .x2 {
              right: 0;
              top: 0;
              transition-delay: 0.3s; }
            .Application .adrom .adm .midom .mli .conp .x3 {
              left: 0;
              bottom: 0;
              transition-delay: 0.5s; }
            .Application .adrom .adm .midom .mli .conp .x4 {
              right: 0;
              bottom: 0;
              transition-delay: 0.4s; }
        .Application .adrom .adm .midom .mli.on {
          opacity: 1;
          visibility: visible;
          z-index: 5; }
      .Application .adrom .adm .txtlis {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3; }
        .Application .adrom .adm .txtlis .item {
          width: 100%;
          max-width: 4.6rem;
          position: absolute;
          text-align: right; }
          .Application .adrom .adm .txtlis .item .ic {
            width: 100%;
            font-size: 0; }
            .Application .adrom .adm .txtlis .item .ic img {
              display: inline-block;
              vertical-align: middle;
              width: 0.7rem;
              height: 0.7rem; }
              .Application .adrom .adm .txtlis .item .ic img:first-child {
                display: inline-block; }
              .Application .adrom .adm .txtlis .item .ic img:last-child {
                display: none; }
          .Application .adrom .adm .txtlis .item .ct {
            width: 100%;
            color: #fff;
            line-height: 1.5;
            margin: 0.14rem 0; }
          .Application .adrom .adm .txtlis .item .cip {
            width: 100%;
            color: #fff;
            line-height: 1.5;
            height: 4.5em;
            transition: all ease 0.5s;
             }
        .Application .adrom .adm .txtlis .item:nth-child(1) {
          right: calc(100% + 0.3rem);
          top: -0.36rem; }
        .Application .adrom .adm .txtlis .item:nth-child(2) {
          left: calc(100% + 0.3rem);
          top: -0.36rem;
          text-align: left; }
        .Application .adrom .adm .txtlis .item:nth-child(3) {
          left: calc(100% + 0.3rem);
          top: 50%;
          text-align: left; }
        .Application .adrom .adm .txtlis .item:nth-child(4) {
          right: calc(100% + 0.3rem);
          top: 50%; }
          .Application .adrom .adm .txtlis .item.on .cip {
            opacity: 1;
            color:#ffffff; }
          .Application .adrom .adm .txtlis .item.on .ct {
            color: var(--themes); }
          .Application .adrom .adm .txtlis .item.on .ic img:first-child {
            display: none; }
          .Application .adrom .adm .txtlis .item.on .ic img:last-child {
            display: inline-block; }
    .Application .adrom .ftxtlis {
      width: 100%;
      position: relative;
      padding-bottom: 0.3rem;
      display: none; }
      .Application .adrom .ftxtlis .item {
        width: 100%;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        position: absolute; }
        .Application .adrom .ftxtlis .item .ic {
          width: 100%;
          font-size: 0; }
          .Application .adrom .ftxtlis .item .ic img {
            display: inline-block;
            vertical-align: middle;
            width: 0.7rem;
            height: 0.7rem; }
            .Application .adrom .ftxtlis .item .ic img:first-child {
              display: inline-block; }
            .Application .adrom .ftxtlis .item .ic img:last-child {
              display: none; }
        .Application .adrom .ftxtlis .item .ct {
          width: 100%;
          color: #fff;
          line-height: 1.5;
          margin: 0.14rem 0; }
        .Application .adrom .ftxtlis .item .cip {
          width: 100%;
          color: #fff;
          line-height: 1.5;
          height: 4.5em; }
        .Application .adrom .ftxtlis .item .ic, .Application .adrom .ftxtlis .item .ct, .Application .adrom .ftxtlis .item .cip {
          opacity: 0;
          transform: translate3d(0, 25%, 0);
          transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
      .Application .adrom .ftxtlis .item.on {
        opacity: 1;
        visibility: visible;
        position: relative; }
        .Application .adrom .ftxtlis .item.on .ic, .Application .adrom .ftxtlis .item.on .ct, .Application .adrom .ftxtlis .item.on .cip {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
          .Application .adrom .ftxtlis .item.on .cip {
            opacity: 1;
            color: var(--themes); }
          .Application .adrom .ftxtlis .item.on .ct {
            color: var(--themes); }
          .Application .adrom .ftxtlis .item.on .ic img:first-child {
            display: none; }
          .Application .adrom .ftxtlis .item.on .ic img:last-child {
            display: inline-block; }

@media (max-width: 800px) {
  .Application .adrom .adm .txtlis {
    width: 100%;
    position: relative; }
    .Application .adrom .adm .txtlis .item {
      position: relative;
      left: auto !important;
      top: auto !important;
      right: auto !important;
      bottom: auto !important;
      max-width: 100%;
      text-align: left !important;
      width: 100%; } }
.movies {
  width: 100%;
  padding: 1rem 0; }
  .movies .mitop {
    margin-bottom: 0.1rem; }
    .movies .mitop .mor {
      display: none; }
      .movies .mitop .mor .more {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.4rem; }
        .movies .mitop .mor .more a {
          display: inline-block;
          vertical-align: middle;
          border: solid 1px rgba(0, 0, 0, 0.15);
          padding: 0 0.35rem;
          cursor: pointer;
          line-height: 3;
          border-radius: 1.5em;
          color: var(--themes);
          transition: all ease 0.5s;
          width: auto; }
          .movies .mitop .mor .more a span {
            display: inline-block;
            vertical-align: middle;
            width: 6px;
            margin-left: 0.1rem;
            position: relative;
            top: -0.01rem; }
            .movies .mitop .mor .more a span img {
              width: 100%;
              display: block; }
        .movies .mitop .mor .more a:hover {
          background-color: var(--themes);
          color: #fff;
          border: solid 1px var(--themes);
          animation: icon-bounce 0.5s alternate; }
          .movies .mitop .mor .more a:hover span {
            filter: grayscale(1000%) brightness(2000%); }
  .movies .midom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .movies .midom .mdl {
      display: inline-block;
      vertical-align: middle; }
      .movies .midom .mdl .dm {
        width: 100%;
        color: rgba(0, 0, 0, 0.6);
        line-height: 1.5; }
    .movies .midom .mdr {
      display: inline-block;
      vertical-align: middle; }
      .movies .midom .mdr .mieom {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        font-size: 0; }
        .movies .midom .mdr .mieom .ams {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          .movies .midom .mdr .mieom .ams a {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 1.5; }
            .movies .midom .mdr .mieom .ams a span {
              display: inline-block;
              color: #666;
              line-height: 1.5;
              position: relative;
              top: -0.02rem;
              margin: 0 0.14rem; }
          .movies .midom .mdr .mieom .ams a:hover {
            color: var(--themes); }
            .movies .midom .mdr .mieom .ams a:hover span {
              color: #666; }
        .movies .midom .mdr .mieom .ams:last-child a span {
          display: none; }
        .movies .midom .mdr .mieom .ams.on a {
          color: var(--themes); }
          .movies .midom .mdr .mieom .ams.on a span {
            color: #666; }
      .movies .midom .mdr .more {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.4rem; }
        .movies .midom .mdr .more a {
          display: inline-block;
          vertical-align: middle;
          border: solid 1px rgba(0, 0, 0, 0.15);
          padding: 0 0.35rem;
          cursor: pointer;
          line-height: 3;
          border-radius: 1.5em;
          color: var(--themes);
          transition: all ease 0.5s;
          width: auto; }
          .movies .midom .mdr .more a span {
            display: inline-block;
            vertical-align: middle;
            width: 6px;
            margin-left: 0.1rem;
            position: relative;
            top: -0.01rem; }
            .movies .midom .mdr .more a span img {
              width: 100%;
              display: block; }
        .movies .midom .mdr .more a:hover {
          background-color: var(--themes);
          color: #fff;
          border: solid 1px var(--themes);
          animation: icon-bounce 0.5s alternate; }
          .movies .midom .mdr .more a:hover span {
            filter: grayscale(1000%) brightness(2000%); }
  .movies .meconts {
    width: 100%;
    margin-top: 0.4rem; }
    .movies .meconts .meitm {
      width: 100%;
      display: none; }
    .movies .meconts .meitm.on {
      display: block; }
  .movies .moviper {
    width: 100%;
    position: relative; }
    .movies .moviper .swiper-slide {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .movies .moviper .swiper-slide .swol {
        display: inline-block;
        vertical-align: middle;
        width: calc(1600 / 1600 * 100% );
        font-size: 0; }
        .movies .moviper .swiper-slide .swol .wlom {
          width: calc(380 / 1600 * 100%);
          display: inline-block;
          vertical-align: top;
          margin-right: calc(19 / 1600 * 100%);
          margin-bottom: 0.2rem;
          position: relative;
          overflow: hidden; }
          .movies .moviper .swiper-slide .swol .wlom a {
            width: 100%;
            display: block; }
          .movies .moviper .swiper-slide .swol .wlom .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .movies .moviper .swiper-slide .swol .wlom .imgs .img {
              width: 100%;
              padding-top: 60%;
              transition: all ease 0.5s; }
        .movies .moviper .swiper-slide .swol .wlom:nth-child(3), .movies .moviper .swiper-slide .swol .wlom:nth-child(4) {
          margin-bottom: 0; }
        .movies .moviper .swiper-slide .swol .wlom:nth-child(4n) {
          margin-right: 0; }
        .movies .moviper .swiper-slide .swol .wlom:hover .imgs .img {
          transform: scale(1.1); }
      .movies .moviper .swiper-slide .swor {
        display: inline-block;
        vertical-align: middle;
        width: calc(800 / 1600 * 100% );
        position: relative;
        overflow: hidden; }
        .movies .moviper .swiper-slide .swor a {
          width: 100%;
          display: block; }
        .movies .moviper .swiper-slide .swor .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .movies .moviper .swiper-slide .swor .imgs .img {
            width: 100%;
            padding-top: 59.5%;
            transition: all ease 0.5s; }
      .movies .moviper .swiper-slide .swor:hover .imgs .img {
        transform: scale(1.1); }
    .movies .moviper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      vertical-align: middle;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer; }
      .movies .moviper .btn img {
        width: 100%;
        display: block; }
      .movies .moviper .btn img:first-child {
        display: block; }
      .movies .moviper .btn img:last-child {
        display: none; }
    .movies .moviper .btn:hover {
      background-color: var(--themes); }
      .movies .moviper .btn:hover img:first-child {
        display: none; }
      .movies .moviper .btn:hover img:last-child {
        display: block; }
    .movies .moviper .bl {
      left: -0.7rem; }
    .movies .moviper .br {
      right: -0.7rem; }

@media (max-width: 1680px) {
  .movies .moviper .bl {
    left: -0.1rem; }
  .movies .moviper .br {
    right: -0.1rem; } }
@media (max-width: 800px) {
  .movies .mitop {
    margin-bottom: 0.2rem; }
    .movies .mitop .mor {
      display: inline-block;
      vertical-align: middle; }
  .movies .midom .mdr {
    width: 100%; }
    .movies .midom .mdr .mieom {
      width: 100%;
      margin-bottom: 0.1rem; }
      .movies .midom .mdr .mieom .ams {
        margin-bottom: 0.08rem; }
    .movies .midom .mdr .more {
      width: 100%;
      text-align: right;
      margin-left: 0; } }
.news {
  width: 100%;
  padding: 1rem 0; }
  .news .newpers {
    width: 100%;
    position: relative; }
    .news .newpers .swiper-slide {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .news .newpers .swiper-slide .neml {
        display: inline-block;
        vertical-align: middle;
        width: calc(1060 / 1600 * 100%);
        position: relative;
        overflow: hidden; }
        .news .newpers .swiper-slide .neml a {
          width: 100%;
          display: block; }
        .news .newpers .swiper-slide .neml .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .news .newpers .swiper-slide .neml .imgs .img {
            width: 100%;
            padding-top: 60%;
            transition: all ease 0.5s; }
        .news .newpers .swiper-slide .neml .vom {
          position: absolute;
          width: calc(520 / 1060 * 100%);
          right: 0;
          bottom: 0;
          z-index: 3;
          background-color: #fff;
          padding: 0.36rem 0.36rem 0.3rem;
          height: calc(100% - (312 / 636 * 100%));
          display: flex;
          flex-wrap: wrap;
          align-content: center; }
          .news .newpers .swiper-slide .neml .vom .vts {
            width: 100%;
            color: #000;
            line-height: 1.5;
            height: 3em;
            margin-bottom: 0.1rem; }
          .news .newpers .swiper-slide .neml .vom .time {
            width: 100%;
            color: #666;
            line-height: 1.5; }
            .news .newpers .swiper-slide .neml .vom .time span {
              display: inline-block;
              vertical-align: middle;
              width: 0.15rem;
              position: relative;
              top: -0.02rem; }
              .news .newpers .swiper-slide .neml .vom .time span img {
                width: 100%;
                display: block; }
          .news .newpers .swiper-slide .neml .vom .eis {
            width: 100%;
            color: #666;
            line-height: 1.5;
            height: 3em;
            margin: 0.1rem 0; }
          .news .newpers .swiper-slide .neml .vom .more {
            width: 100%;
            font-size: 0;
            margin-top: 0.2rem; }
            .news .newpers .swiper-slide .neml .vom .more .jm {
              display: inline-block;
              vertical-align: middle;
              padding: 0 0.34rem;
              line-height: 0.4rem;
              height: 0.4rem;
              border-radius: 0.2rem;
              border: solid 1px rgba(0, 0, 0, 0.15); }
              .news .newpers .swiper-slide .neml .vom .more .jm img {
                width: 100%;
                display: block;
                margin-top: calc(0.2rem - 5px); }
      .news .newpers .swiper-slide .nemr {
        display: inline-block;
        vertical-align: middle;
        width: calc(520 / 1600 * 100%);
        position: relative;
        overflow: hidden; }
        .news .newpers .swiper-slide .nemr a {
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column; }
        .news .newpers .swiper-slide .nemr .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .news .newpers .swiper-slide .nemr .imgs .img {
            width: 100%;
            padding-top: 60%;
            transition: all ease 0.5s; }
        .news .newpers .swiper-slide .nemr .vom {
          width: 100%;
          background-color: #fff;
          padding: 0.36rem 0.36rem 0.26rem;
          display: flex;
          flex-wrap: wrap;
          flex: 1; }
          .news .newpers .swiper-slide .nemr .vom .vts {
            width: 100%;
            color: #000;
            line-height: 1.5;
            height: 3em;
            margin-bottom: 0.1rem; }
          .news .newpers .swiper-slide .nemr .vom .time {
            width: 100%;
            color: #666;
            line-height: 1.5; }
            .news .newpers .swiper-slide .nemr .vom .time span {
              display: inline-block;
              vertical-align: middle;
              width: 0.15rem;
              position: relative;
              top: -0.02rem; }
              .news .newpers .swiper-slide .nemr .vom .time span img {
                width: 100%;
                display: block; }
          .news .newpers .swiper-slide .nemr .vom .eis {
            width: 100%;
            color: #666;
            line-height: 1.5;
            height: 3em;
            margin: 0.1rem 0; }
          .news .newpers .swiper-slide .nemr .vom .more {
            width: 100%;
            font-size: 0;
            margin-top: 0.2rem; }
            .news .newpers .swiper-slide .nemr .vom .more .jm {
              display: inline-block;
              vertical-align: middle;
              padding: 0 0.34rem;
              line-height: 0.4rem;
              height: 0.4rem;
              border-radius: 0.2rem;
              border: solid 1px rgba(0, 0, 0, 0.15); }
              .news .newpers .swiper-slide .nemr .vom .more .jm img {
                width: 100%;
                display: block;
                margin-top: calc(0.2rem - 5px); }
      .news .newpers .swiper-slide .neml:hover .imgs .img {
        transform: scale(1.1); }
      .news .newpers .swiper-slide .neml:hover .vom .vts {
        color: var(--themes); }
      .news .newpers .swiper-slide .neml:hover .vom .more .jm {
        background-color: var(--themes);
        border: solid 1px var(--themes); }
        .news .newpers .swiper-slide .neml:hover .vom .more .jm img {
          filter: grayscale(1000%) brightness(2000%); }
      .news .newpers .swiper-slide .nemr:hover .imgs .img {
        transform: scale(1.1); }
      .news .newpers .swiper-slide .nemr:hover .vom .vts {
        color: var(--themes); }
      .news .newpers .swiper-slide .nemr:hover .vom .more .jm {
        background-color: var(--themes);
        border: solid 1px var(--themes); }
        .news .newpers .swiper-slide .nemr:hover .vom .more .jm img {
          filter: grayscale(1000%) brightness(2000%); }
    .news .newpers .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      vertical-align: middle;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer; }
      .news .newpers .btn img {
        width: 100%;
        display: block; }
      .news .newpers .btn img:first-child {
        display: block; }
      .news .newpers .btn img:last-child {
        display: none; }
    .news .newpers .btn:hover {
      background-color: var(--themes); }
      .news .newpers .btn:hover img:first-child {
        display: none; }
      .news .newpers .btn:hover img:last-child {
        display: block; }
    .news .newpers .bl {
      left: -0.7rem; }
    .news .newpers .br {
      right: -0.7rem; }

@media (max-width: 1680px) {
  .news .newpers .bl {
    left: -0.1rem; }
  .news .newpers .br {
    right: -0.1rem; } }
@media (max-width: 800px) {
  .news .newpers .swiper-slide .neml {
    width: 100%; }
    .news .newpers .swiper-slide .neml .vom {
      width: 100%;
      position: relative; } }
.nanber {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .nanber a {
    width: 100%;
    display: block; }
  .nanber .imgs {
    width: 100%;
    position: relative; }
    .nanber .pcm {
      display: block; }
    .nanber .phm {
      display: none; }
    .nanber .imgs .img {
      width: 100%;
      padding-top: 23.4375%; }
  .nanber .nox {
    position: absolute;
    width: 94%;
    display: block;
    margin: 0 auto;
    z-index: 3;
    left: calc(160 / 1920 * 100%);
    transform: translateY(-50%);
    top: 50%;
    text-align: left; }
    .nanber .nox .nit {
      width: 100%;
      color: #fff;
      font-weight: bold;
      line-height: 1.5; }
    .nanber .nox .niv {
      width: 100%;
      color: #fff;
      font-weight: bold;
      line-height: 1.5; }

@media (max-width: 800px) {
  .nanber .imgs .img {
    padding-top: 53.17%; } 
    .nanber .pcm {
      display: none; }
    .nanber .phm {
      display: block; } 
  }
.crumbs {
  width: 100%;
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  border-bottom: solid 1px #ddd;
  background-color: #fff; }
  .crumbs .w1600 {
    position: relative;
    z-index: 2; }
  .crumbs .column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .crumbs .column .cul {
      display: inline-block;
      vertical-align: middle;
      flex: 1;
      border-top: solid 1px #ddd; }
      .crumbs .column .cul .swiper-wrapper {
        justify-content: flex-end; }
      .crumbs .column .cul .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-right: 0.4rem; }
        .crumbs .column .cul .swiper-slide a {
          display: inline-block;
          vertical-align: middle;
          color: #222;
          line-height: 3.5;
          width: auto;
          padding: 0 0.15rem;
          transition: all ease 0.5s; }
          .crumbs .column .cul .swiper-slide a span {
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            bottom: 0rem;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 0.02rem;
            background-color: var(--themes);
            transition: all ease 0.5s;
            opacity: 0;
            transition: all ease 0.5s; }
      .crumbs .column .cul .swiper-slide.on a, .crumbs .column .cul .swiper-slide:hover a {
        font-weight: bold;
        color: var(--themes); }
        .crumbs .column .cul .swiper-slide.on a span, .crumbs .column .cul .swiper-slide:hover a span {
          opacity: 1; }
      .crumbs .column .cul .swiper-scrollbar {
        background-color: rgba(0, 0, 0, 0.1);
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
        display: none; }
      .crumbs .column .cul .swiper-scrollbar-drag {
        background-color: var(--themes); }
    .crumbs .column .colum {
      font-size: 0;
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .crumbs .column .colum .home {
        display: inline-block;
        vertical-align: middle;
        width: 21px;
        height: 21px;
        width: 0.21rem;
        height: 0.21rem;
        margin-right: 0.1rem;
        position: relative;
        top: -0.02rem; }
        .crumbs .column .colum .home img {
          width: 100%;
          display: block; }
      .crumbs .column .colum a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #666;
        line-height: 3.5;
        max-width: 4.5rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .crumbs .column .colum a span {
          display: inline-block;
          color: #666;
          margin: 0 0.12rem 0 0.12rem;
          line-height: 3.5;
          position: relative;
          top: -0.01rem; }
          .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; }

@media (max-width: 800px) {
  .crumbs {
    position: relative; }
    .crumbs:after {
      width: 100%; }
    .crumbs .column .colum {
      width: 100%; }
    .crumbs .column .cul .swiper-wrapper {
      justify-content: flex-start; }
    .crumbs .column .cul .swiper-scrollbar {
      display: block;
      height: 2px; }
    .crumbs .column .cul .swiper-scrollbar-drag {
      border-radius: 1px; }
    .crumbs .column .cul.pb .swiper-container {
      padding-bottom: 0.2rem; } }
.succase {
  width: 100%;
  padding: 1rem 0;
  background-color: #f9fafb; }
  .succase .sucalist {
    width: 100%;
    font-size: 0; }
    .succase .sucalist .sucam {
      display: inline-block;
      vertical-align: top;
      width: calc(520 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      margin-bottom: 0.2rem; }
      .succase .sucalist .sucam a {
        width: 100%;
        display: block; }
      .succase .sucalist .sucam .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .succase .sucalist .sucam .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .succase .sucalist .sucam .pom {
        width: 100%;
        padding: 0.35rem;
        background-color: #fff; }
        .succase .sucalist .sucam .pom .px {
          width: 100%;
          color: #111;
          line-height: 1.5; }
        .succase .sucalist .sucam .pom .lx {
          display: block;
          width: 0.15rem;
          height: 0.06rem;
          background-color: var(--themes);
          border-radius: 0 0.03rem 0.03rem 0;
          margin: 0.15rem 0 0.2rem; }
        .succase .sucalist .sucam .pom .sim {
          width: 100%;
          color: rgba(0, 0, 0, 0.6);
          line-height: 1.5;
          height: 3em; }
        .succase .sucalist .sucam .pom .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.4rem; }
          .succase .sucalist .sucam .pom .more .jm {
            display: inline-block;
            vertical-align: middle;
            padding: 0 0.34rem;
            line-height: 0.4rem;
            height: 0.4rem;
            border-radius: 0.2rem;
            border: solid 1px rgba(0, 0, 0, 0.15); }
            .succase .sucalist .sucam .pom .more .jm img {
              width: 100%;
              display: block;
              margin-top: calc(0.2rem - 5px); }
    .succase .sucalist .sucam:nth-child(3n) {
      margin-right: 0; }
    .succase .sucalist .sucam:hover .imgs .img {
      transform: scale(1.1); }
    .succase .sucalist .sucam:hover .pom {
      background-color: var(--themes); }
      .succase .sucalist .sucam:hover .pom .px, .succase .sucalist .sucam:hover .pom .sim {
        color: #fff; }
      .succase .sucalist .sucam:hover .pom .lx {
        background-color: #fff; }
      .succase .sucalist .sucam:hover .pom .more .jm {
        background-color: #fff;
        border: solid 1px #fff; }

.pages {
  width: 100%;
  padding: 0.4rem 0;
  font-size: 0;
  text-align: center; }
  .pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #666;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 0.1rem 0.1rem; }
  .pages .page.ltn {
    background-image: url("../image/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn {
    background-image: url("../image/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on {
    background-color: var(--themes);
    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("../image/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none; }
  .pages .page.on.ltn {
    background-color: var(--themes);
    background-image: url("../image/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none; }
  .pages .page.on.rtn {
    background-color: var(--themes);
    background-image: url("../image/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none; }
  .pages .page.rtn:hover {
    background-color: var(--themes);
    background-image: url("../image/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none; }
  .pages .page.auto {
    width: auto;
    padding: 0 0.24rem; }
  .pages .page:hover {
    background-color: var(--themes);
    color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1); }

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem; } }
.setails {
  width: 100%;
  padding: 0rem 0;
  background-color: #fff; }
  .setails .secom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse; }
    .setails .secom .sml {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1600 * 100%);
      position: relative;
      overflow: hidden; }
      .setails .secom .sml .img {
        width: 100%;
        padding-top: 60%; }
    .setails .secom .smr {
      display: inline-block;
      vertical-align: middle;
      width: calc(680 / 1600 * 100%); }
      .setails .secom .smr .sit {
        width: 100%;
        color: #111;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 0.14rem; }
      .setails .secom .smr .vot {
        width: 100%;
        padding-left: 0.1rem;
        border-left: solid 0.05rem var(--themes);
        color: #111;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.14rem; }
      .setails .secom .smr .vinp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .setails .secom .smr .vinp span, .setails .secom .smr .vinp p {
          color: #666;
          line-height: 1.75; }
        .setails .secom .smr .vinp img {
          max-width: 100%; }
  .setails .setail {
    width: 100%;
    margin-top: 0rem;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0; }
    .setails .setail .vot {
      width: 100%;
      padding-left: 0.1rem;
      border-left: solid 0.05rem var(--themes);
      color: #111;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 0.2rem; }
    .setails .setail .vonp {
      width: 100%;
      color: #666;
      line-height: 1.75; }
      .setails .setail .vonp span, .setails .setail .vonp p {
        color: #666;
        line-height: 1.75; }
      .setails .setail .vonp img {
        max-width: 100%; }
  .setails .light {
    width: 100%;
    margin-top: 0.2rem;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .setails .light .vot {
      width: 100%;
      padding-left: 0.1rem;
      border-left: solid 0.05rem var(--themes);
      color: #111;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 0.2rem; }
    .setails .light .lighlis {
      width: 100%;
      font-size: 0; }
      .setails .light .lighlis .ligom {
        display: inline-block;
        vertical-align: top;
        width: calc(520 / 1600 * 100%);
        margin-right: calc(19 / 1600 * 100%);
        margin-bottom: 0.2rem; }
        .setails .light .lighlis .ligom a {
          width: 100%;
          display: block; }
        .setails .light .lighlis .ligom .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .setails .light .lighlis .ligom .imgs .img {
            width: 100%;
            padding-top: 60%; }
          .setails .light .lighlis .ligom .imgs .vod {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 0.1rem 0.3rem; }
            .setails .light .lighlis .ligom .imgs .vod .tm {
              width: 100%;
              color: #fff;
              font-weight: bold;
              line-height: 1.45; }
        .setails .light .lighlis .ligom .pim {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin-top: 0.3rem; }
      .setails .light .lighlis .ligom:nth-child(3n) {
        margin-right: 0; }

.others {
  width: 100%;
  background-color: #f9fafb;
  padding: 1rem 0; }
  .others .oit {
    width: 100%;
    color: #111;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0.5rem; }
  .others .othper {
    width: 100%;
    position: relative; }
    .others .othper .swiper-slide {
      width: 100%; }
      .others .othper .swiper-slide a {
        width: 100%;
        display: block; }
      .others .othper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .others .othper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .others .othper .swiper-slide .pom {
        width: 100%;
        padding: 0.35rem;
        background-color: #fff; }
        .others .othper .swiper-slide .pom .px {
          width: 100%;
          color: #111;
          line-height: 1.5; }
        .others .othper .swiper-slide .pom .lx {
          display: block;
          width: 0.15rem;
          height: 0.06rem;
          background-color: var(--themes);
          border-radius: 0 0.03rem 0.03rem 0;
          margin: 0.15rem 0 0.2rem; }
        .others .othper .swiper-slide .pom .sim {
          width: 100%;
          color: rgba(0, 0, 0, 0.6);
          line-height: 1.5;
          height: 3em; }
        .others .othper .swiper-slide .pom .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.4rem; }
          .others .othper .swiper-slide .pom .more .jm {
            display: inline-block;
            vertical-align: middle;
            padding: 0 0.34rem;
            line-height: 0.4rem;
            height: 0.4rem;
            border-radius: 0.2rem;
            border: solid 1px rgba(0, 0, 0, 0.15); }
            .others .othper .swiper-slide .pom .more .jm img {
              width: 100%;
              display: block;
              margin-top: calc(0.2rem - 5px); }
    .others .othper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .others .othper .swiper-slide:hover .pom {
      background-color: var(--themes); }
      .others .othper .swiper-slide:hover .pom .px, .others .othper .swiper-slide:hover .pom .sim {
        color: #fff; }
      .others .othper .swiper-slide:hover .pom .lx {
        background-color: #fff; }
      .others .othper .swiper-slide:hover .pom .more .jm {
        background-color: #fff;
        border: solid 1px #fff; }
    .others .othper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      vertical-align: middle;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer; }
      .others .othper .btn img {
        width: 100%;
        display: block; }
      .others .othper .btn img:first-child {
        display: block; }
      .others .othper .btn img:last-child {
        display: none; }
    .others .othper .btn:hover {
      background-color: var(--themes); }
      .others .othper .btn:hover img:first-child {
        display: none; }
      .others .othper .btn:hover img:last-child {
        display: block; }
    .others .othper .bl {
      left: -0.7rem; }
    .others .othper .br {
      right: -0.7rem; }

@media (max-width: 1680px) {
  .others .othper .bl {
    left: -0.2rem; }
  .others .othper .br {
    right: -0.2rem; } }
.solution {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #fff; }
  .solution .solum {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse; }
    .solution .solum .sol {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1600 * 100%);
      position: relative;
      overflow: hidden; }
      .solution .solum .sol .img {
        width: 100%;
        padding-top: 80%; }
    .solution .solum .sor {
      display: inline-block;
      vertical-align: middle;
      width: calc(720 / 1600 * 100%); }
      .solution .solum .sor .vot {
        width: 100%;
        padding-left: 0.1rem;
        border-left: solid 0.05rem var(--themes);
        color: #111;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.14rem; }
      .solution .solum .sor .vinp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .solution .solum .sor .vinp span, .solution .solum .sor .vinp p {
          color: #666;
          line-height: 1.75; }
        .solution .solum .sor .vinp img {
          max-width: 100%; }
      .solution .solum .sor .vitmlis {
        width: 100%;
        font-size: 0;
        margin-top: 0.4rem;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between;  */
      }
        .solution .solum .sor .vitmlis .vitm {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          min-width: 1.2rem;
          background-color: #fff;
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
          padding: 0.2rem 0.1rem;
          margin-right: calc((100% - 1.2rem * 5) / 4);
          margin-bottom: 0.1rem;
          text-align: center;
          position: relative;
          cursor: pointer;
          top: 0;
          transition: all ease 0.5s; }
          /* .solution .solum .sor .vitmlis .vitm:nth-child(5n){
            margin-right: 0;
          } */
          .solution .solum .sor .vitmlis .vitm .vc {
            display: block;
            margin: 0 auto 0.1rem;
            width: 0.52rem;
            height: 0.52rem; }
            .solution .solum .sor .vitmlis .vitm .vc img {
              width: 100%;
              display: block; }
          .solution .solum .sor .vitmlis .vitm .cm {
            width: 100%;
            color: #666;
            line-height: 1.5; }
        .solution .solum .sor .vitmlis .vitm:hover {
          top: -0.1rem; }

.choose {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f9fafb; }
  .choose .chosm {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .choose .chosm .col {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1600 * 100%);
      position: relative;
      overflow: hidden; }
      .choose .chosm .col .img {
        width: 100%;
        padding-top: 60%; }
    .choose .chosm .cor {
      display: inline-block;
      vertical-align: middle;
      width: calc(720 / 1600 * 100%); }
      .choose .chosm .cor .vot {
        width: 100%;
        padding-left: 0.1rem;
        border-left: solid 0.05rem var(--themes);
        color: #111;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.14rem; }
      .choose .chosm .cor .vinp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .choose .chosm .cor .vinp span, .choose .chosm .cor .vinp p {
          color: #666;
          line-height: 1.75; }
        .choose .chosm .cor .vinp img {
          max-width: 100%; }
      .choose .chosm .cor .kitmlis {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        flex-wrap: wrap;
        margin-top: 0.4rem; }
        .choose .chosm .cor .kitmlis .kitm {
          display: inline-block;
          vertical-align: top;
          width: 32%;
          margin-right: 2%;
          background-color: #fff;
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
          padding: 0.2rem;
          position: relative;
          top: 0;
          transition: all ease 0.5s;
          cursor: pointer; }
          .choose .chosm .cor .kitmlis .kitm .kc {
            display: block;
            margin: 0 auto 0.1rem;
            width: 0.52rem;
            height: 0.52rem; }
            .choose .chosm .cor .kitmlis .kitm .kc img {
              width: 100%;
              display: block; }
          .choose .chosm .cor .kitmlis .kitm .km {
            width: 100%;
            color: #111;
            line-height: 1.5;
            text-align: center;
            margin-bottom: 0.1rem;
            font-weight: bold; }
          .choose .chosm .cor .kitmlis .kitm .kim {
            width: 100%;
            color: #666;
            line-height: 1.5;
            text-align: center; }
        .choose .chosm .cor .kitmlis .kitm:nth-child(3n) {
          margin-right: 0; }
        .choose .chosm .cor .kitmlis .kitm:hover {
          top: -0.1rem; }

.allpro {
  width: 100%;
  padding: 0.5rem 0 0.5rem; }
  .allpro+.allpro{
    padding-top: 0;
  }
  .allpro .videoc {
    width: 100%;
    height: 8rem;
    position: relative; }
    .allpro .videoc .vom {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 3; }
  .allpro .vinps {
    width: 100%;
    margin-top: 0.5rem;
    color: #666;
    line-height: 1.75; }
    .allpro .vinps span, .allpro .vinps p {
      color: #666;
      line-height: 1.75; }
    .allpro .vinps img {
      max-width: 100%; }

@media (max-width: 800px) {
  .allpro .videoc {
    height: 5rem; } }
.system {
  width: 100%;
  position: relative; }
  .system .mitop {
    position: absolute;
    top: 0.7rem;
    width: 100%;
    text-align: center; }
  .system .sinp {
    color: #666;
    line-height: 1.75; }
    .system .sinp span, .system .sinp p {
      color: #666;
      line-height: 1.75; }
    .system .sinp img {
      max-width: 100%; }

@media (max-width: 800px) {
  .system .mitop {
    position: relative;
    top: 0; } }
.cinema {
  width: 100%;
  background-color: #f9fafb;
  padding: 0.5rem 0; }
  .cinema .cinemalis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .cinema .cinemalis .cinem {
      display: inline-block;
      vertical-align: top;
      width: calc(300 / 1600 * 100%);
      margin-right: calc(24 / 1600 * 100%);
      margin-bottom: 0.24rem;
      background-color: #fff;
      position: relative;
      top: 0;
      transition: all ease 0.5s;
      padding: 0.3rem 0.3rem 0.4rem; }
      .cinema .cinemalis .cinem .yum {
        width: 100%;
        position: relative; }
        .cinema .cinemalis .cinem .yum .xum {
          width: 100%;
          color: rgba(0, 0, 0, 0.05);
          font-weight: bold;
          line-height: 1; }
        .cinema .cinemalis .cinem .yum .xt {
          width: 100%;
          color: #111;
          position: absolute;
          bottom: 0.1rem;
          left: 0;
          z-index: 2; }
      .cinema .cinemalis .cinem .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        margin: 0.15rem 0 0.2rem; }
        .cinema .cinemalis .cinem .imgs .img {
          width: 100%;
          padding-top: 35%;
          transition: all ease 0.5s; }
      .cinema .cinemalis .cinem .pms {
        width: 100%;
        color: #666;
        line-height: 1.5; }
    .cinema .cinemalis .cinem:nth-child(5n) {
      margin-right: 0; }
      .cinema .cinemalis .cinem:hover{
        top: -0.1rem;
      }

.deliver {
  width: 100%;
  padding: 0.5rem 0; }
  .deliver .mids {
    width: 100%; }
    .deliver .mids .mp {
      width: 100%;
      color: #666;
      line-height: 1.5;
      text-align: center; }
      .deliver .mids .mp span {
        color: var(--themes);
        font-weight: bold; }
      .deliver .mids .mp p {
        color: #666;
        line-height: 1.5;
        text-align: center; }
  .deliver .delist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.6rem; }
    .deliver .delist .deitm {
      display: inline-block;
      vertical-align: top;
      width: calc(240 / 1600 * 100%);
      margin-right: calc(99 / 1600 * 100%);
      transition: all ease 0.5s;
      top: 0;
      position: relative; }
      .deliver .delist .deitm:after {
        content: ' ';
        position: absolute;
        top: 1.2rem;
        transform: translateY(-50%);
        width: 0.64rem;
        height: 1px;
        left: calc(100% + 0.1rem);
        transition: all ease 0.5s;
        border-top: dashed 1px rgba(0, 0, 0, 0.15); }
      .deliver .delist .deitm .cys {
        width: 100%;
        position: relative;
        margin-bottom: 0.25rem;
        border-radius: 50%;
        border: dashed 1px rgba(0, 0, 0, 0.15); }
        .deliver .delist .deitm .cys .hei {
          width: 100%;
          padding-top: 100%; }
        .deliver .delist .deitm .cys .cm {
          width: 1.8rem;
          height: 1.8rem;
          position: absolute;
          left: 50%;
          transform: translate(-50%, -50%);
          top: 50%;
          z-index: 2;
          overflow: hidden;
          border-radius: 50%; }
          .deliver .delist .deitm .cys .cm img {
            width: 100%;
            height: 100%;
            display: block; }
      .deliver .delist .deitm .xms {
        width: 100%;
        color: #666;
        line-height: 1.5;
        text-align: center; }
        .deliver .delist .deitm .xms p {
          color: #666;
          line-height: 1.5; }
    .deliver .delist .deitm:nth-child(5n) {
      margin-right: 0; }
      .deliver .delist .deitm:nth-child(5n):after {
        display: none; }
        .deliver .delist .deitm:hover{
          top: -0.1rem;
        }
        .deliver .delist .deitm:hover:after{
          top: 1.3rem;
        }

@media (max-width: 800px) {
  .deliver .delist .deitm {
    width: calc((100% - 0.3rem - 1rem) / 3);
    margin-right: calc(0.6rem);
    margin-bottom: 0.3rem; }
    .deliver .delist .deitm:after {
      top: 30%;
      transform: translateY(-50%);
      width: 0.5rem;
      height: 1px;
      left: calc(100% + 0.05rem);
      border-top: dashed 1px rgba(0, 0, 0, 0.15); }
    .deliver .delist .deitm .cys .cm {
      width: 1.2rem;
      height: 1.2rem; }
  .deliver .delist .deitm:nth-child(5n) {
    margin-right: calc(0.6rem); }
    .deliver .delist .deitm:nth-child(5n):after {
      display: block; }
  .deliver .delist .deitm:nth-child(3n) {
    margin-right: 0; }
    .deliver .delist .deitm:nth-child(3n):after {
      display: none; }
  .deliver .delist .deitm:last-child:after {
    display: none; } }
.procem {
  width: 100%;
  padding: 1rem 0 0.8rem; }
  .procem+.procem{padding-top: 0.1rem;}
  .procem .planlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .procem .planlist .plans {
      display: inline-block;
      vertical-align: top;
      width: calc(384 / 1600 * 100%);
      margin-right: calc(21 / 1600 * 100%);
      margin-bottom: 0.2rem;
      background-color: #f2f5f7;
      cursor: pointer; }
      .procem .planlist .plans .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .procem .planlist .plans .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .procem .planlist .plans .pom {
        width: 100%;
        padding: 0.3rem; }
        .procem .planlist .plans .pom .yum {
          width: 100%;
          position: relative;
          padding-top: 0.3rem; }
          .procem .planlist .plans .pom .yum .xum {
            width: 100%;
            color: rgba(39,167,225,0.7);
            font-weight: bold;
            line-height: 1;
            position: absolute;
            z-index: 1;
            top: 0.1rem;
            left: 0; }
          .procem .planlist .plans .pom .yum .xt {
            width: 100%;
            color: #111;
            font-weight: bold;
            position: relative;
            z-index: 2; }
        .procem .planlist .plans .pom .yinp {
          width: 100%;
          color: #666;
          line-height: 1.75;
          margin-top: 0.2rem; }
          .procem .planlist .plans .pom .yinp p {
            color: #666;
            line-height: 1.75; }
        .procem .planlist .plans .pom .yul {
          width: 100%;
          margin-top: 0.2rem; }
          .procem .planlist .plans .pom .yul .yli {
            width: 100%;
            position: relative;
            padding-left: 0.14rem;
            color: #666;
            line-height: 1.75; }
            .procem .planlist .plans .pom .yul .yli span {
              display: inline-block;
              vertical-align: top;
              width: 0.05rem;
              height: 0.05rem;
              border-radius: 50%;
              background-color: var(--themes);
              position: absolute;
              left: 0;
              top: calc(0.85em - 0.025rem); }
    .procem .planlist .plans:nth-child(4n) {
      margin-right: 0; }
    .procem .planlist .plans:hover .imgs .img {
      transform: scale(1.1); }
  .procem .operlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .procem .operlist .operm {
      display: inline-block;
      vertical-align: top;
      width: calc(788 / 1600 * 100%);
      margin-right: calc(23 / 1600 * 100%);
      margin-bottom: 0.22rem; }
      .procem .operlist .operm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .procem .operlist .operm .imgs .img {
          width: 100%;
          padding-top: 54.56%;
          transition: all ease 0.5s; }
        .procem .operlist .operm .imgs .vom {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          display: flex;
          flex-wrap: wrap;
          align-items: flex-end;
          padding: 0.3rem; }
          .procem .operlist .operm .imgs .vom .vms {
            width: 100%;
            text-align: center;
            color: #fff;
            font-weight: bold;
            line-height: 1.2; }
    .procem .operlist .operm:nth-child(2n) {
      margin-right: 0; }
    .procem .operlist .operm:hover .imgs .img {
      transform: scale(1.1); }
  .procem .contlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .procem .contlist .conam {
      display: inline-block;
      vertical-align: top;
      width: calc(500 / 1600 * 100%);
      margin-right: calc(49 / 1600 * 100%);
      margin-bottom: 0.2rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      cursor: pointer; }
      .procem .contlist .conam .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .procem .contlist .conam .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .procem .contlist .conam .vom {
        width: 100%;
        background-color: #fff;
        border: solid 1px #f2f5f7;
        padding: 0.25rem 0.25rem;
        flex: 1; }
        .procem .contlist .conam .vom .vms {
          width: 100%;
          color: #666;
          line-height: 1.5; }
    .procem .contlist .conam:nth-child(3n) {
      margin-right: 0; }
    .procem .contlist .conam:hover .imgs .img {
      transform: scale(1.1); }
  .procem .mids {
    width: 100%; }
    .procem .mids .mp {
      width: 100%;
      color: #666;
      line-height: 1.5;
      text-align: center; }
      .procem .mids .mp span {
        color: var(--themes);
        font-weight: bold; }
      .procem .mids .mp p {
        color: #666;
        line-height: 1.5;
        text-align: center; }
  .procem .brandlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .procem .brandlist .bramp {
      width: calc(300 / 1600 * 100%);
      display: inline-block;
      vertical-align: top;
      margin-right: calc(24 / 1600 * 100%);
      background-color: #f9fafb;
      padding: 0.3rem;
      cursor: pointer; }
      .procem .brandlist .bramp .pom {
        width: 100%; }
        .procem .brandlist .bramp .pom .yum {
          width: 100%;
          position: relative;
          padding-top: 0.3rem; }
          .procem .brandlist .bramp .pom .yum .xum {
            width: 100%;
            color: rgba(0, 0, 0, 0.05);
            line-height: 1;
            position: absolute;
            z-index: 1;
            top: 0.1rem;
            left: 0; }
          .procem .brandlist .bramp .pom .yum .xt {
            width: 100%;
            color: #111;
            position: relative;
            z-index: 2;
            line-height: 1.4;
            height: 4.2em; }
      .procem .brandlist .bramp .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-top: 0.2rem; }
        .procem .brandlist .bramp .imgs .img {
          width: 100%;
          padding-top: 75%;
          transition: all ease 0.5s; }
    .procem .brandlist .bramp:nth-child(5n) {
      margin-right: 0; }
    .procem .brandlist .bramp:hover .imgs .img {
      transform: scale(1.1); }
  .procem .afterlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.3rem; }
    .procem .afterlist .aftem {
      display: inline-block;
      vertical-align: top;
      width: calc(506 / 1600 * 100%);
      margin-right: calc(40 / 1600 * 100%);
      padding: 0.5rem 0.5rem;
      margin-bottom: 0.35rem;
      position: relative;
      top: 0;
      transition: all ease 0.5s;
      cursor: pointer; }
      .procem .afterlist .aftem .ac {
        display: inline-block;
        vertical-align: middle;
        width: 0.82rem;
        height: 0.82rem;
        border-radius: 50%;
        margin-right: 0.2rem;
        background-color: var(--themes); }
        .procem .afterlist .aftem .ac img {
          width: 100%;
          display: block; }
      .procem .afterlist .aftem .ems {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 0.82rem - 0.2rem);
        color: #222;
        line-height: 1.4;
        font-weight: bold; }
    .procem .afterlist .aftem:nth-child(3n) {
      margin-right: 0; }
    .procem .afterlist .aftem:hover {
      top: -0.1rem; }
  .procem .guipers {
    width: 100%;
    position: relative; }
    .procem .guipers .swiper-container {
      padding-top: 0.15rem; }
    .procem .guipers .swiper-slide {
      width: calc(194 / 1600 * 100%);
      position: relative;
      margin-right: calc(40 / 1600 * 100%); }
      .procem .guipers .swiper-slide .comt {
        width: 100%;
        position: relative;
        top: 0;
        transition: all ease 0.5s; }
        .procem .guipers .swiper-slide .comt .hei {
          width: 100%; }
          .procem .guipers .swiper-slide .comt .hei .mg {
            width: 100%;
            padding-top: 146.66%; }
        .procem .guipers .swiper-slide .comt .vom {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 3;
          display: flex;
          flex-wrap: wrap;
          align-content: center;
          padding-bottom: 0.35rem;
          padding: 0 0.2rem 0.35rem; }
          .procem .guipers .swiper-slide .comt .vom .yun {
            width: 100%;
            color: rgba(34, 34, 34, 0.4);
            font-weight: bold;
            line-height: 1;
            height: 0.75em;
            overflow: hidden;
            text-align: center; }
          .procem .guipers .swiper-slide .comt .vom .xin {
            width: 100%;
            color: #222;
            font-weight: bold;
            line-height: 1.5;
            margin-top: 0.18rem;
            text-align: center; }
          .procem .guipers .swiper-slide .comt .vom .yul {
            width: 100%;
            color: #666;
            line-height: 1.75;
            overflow: auto;
            max-height: 1.2rem;
            margin-top: 0.12rem;
            overflow: auto;
            /*滚动条里面小方块*/
            /*滚动条里面轨道*/ }
            .procem .guipers .swiper-slide .comt .vom .yul::-webkit-scrollbar {
              width: 4px;
              height: 4px;
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .procem .guipers .swiper-slide .comt .vom .yul::-webkit-scrollbar-thumb {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(238, 64, 30, 0.5);
              background: rgba(238, 64, 30, 0.5);
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .procem .guipers .swiper-slide .comt .vom .yul::-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); }
            .procem .guipers .swiper-slide .comt .vom .yul p {
              color: #666;
              line-height: 1.75; }
        .procem .guipers .swiper-slide .comt .ic {
          position: absolute;
          top: 45%;
          transform: translateY(-50%);
          left: calc(100% + (13 / 194 * 100%));
          width: 0.15rem;
          transition: all ease 0.5s; }
          .procem .guipers .swiper-slide .comt .ic img {
            width: 100%;
            display: block; }
      .procem .guipers .swiper-slide .point {
        width: 100%;
        font-size: 0;
        text-align: center;
        margin-top: 0.2rem; }
        .procem .guipers .swiper-slide .point .pc {
          display: inline-block;
          vertical-align: middle;
          width: 19px; }
          .procem .guipers .swiper-slide .point .pc img {
            width: 100%;
            display: block; }
    .procem .guipers .swiper-slide:last-child {
      margin-right: 0; }
      .procem .guipers .swiper-slide:last-child .comt .ic {
        display: none; }
    .procem .guipers:after {
      content: ' ';
      position: absolute;
      width: 100%;
      bottom: 0.1rem;
      height: 1px;
      background-color: var(--themes);
      left: 0;
      right: 0; }
    .procem .guipers .swiper-slide:hover .comt {
      top: -0.15rem; }
      .procem .guipers .swiper-slide:hover .comt .ic {
        top: calc(45% + 0.15rem); }

.procem.gray {
  background-color: #f9fafb; }

@media (max-width: 1200px) {
  .procem .guipers .swiper-slide {
    width: calc(228 / 1600 * 100%); } }
@media (max-width: 800px) {
  .procem .guipers .swiper-slide {
    width: calc(740 / 1600 * 100%);
    margin-right: calc(120 / 1600 * 100%); }
  .procem .guipers:after {
    bottom: 0.17rem; } }
.caseds {
  width: 100%; }
  .caseds .caseam {
    width: 100%;
    padding: 1rem 0; }
    .caseds .caseam .vatem {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      flex-direction: row-reverse; }
      .caseds .caseam .vatem .val {
        display: inline-block;
        vertical-align: middle;
        width: calc(800 / 1600 * 100%);
        position: relative;
        overflow: hidden; }
        .caseds .caseam .vatem .val .img {
          width: 100%;
          padding-top: 60%; }
      .caseds .caseam .vatem .var {
        display: inline-block;
        vertical-align: middle;
        width: calc(650 / 1600 * 100%); }
        .caseds .caseam .vatem .var .vinp {
          width: 100%;
          color: #666;
          line-height: 1.75; }
          .caseds .caseam .vatem .var .vinp p {
            color: #666;
            line-height: 1.75; }
        .caseds .caseam .vatem .var .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.4rem; }
          .caseds .caseam .vatem .var .more a {
            display: inline-block;
            vertical-align: middle;
            background-color: transparent;
            color: var(--themes);
            border: solid 1px rgba(0, 0, 0, 0.15);
            line-height: 3;
            border-radius: 1.5em;
            padding: 0 0.35rem;
            transition: all ease 0.5s; }
            .caseds .caseam .vatem .var .more a span {
              display: inline-block;
              width: 6px;
              margin-left: 0.2rem; }
              .caseds .caseam .vatem .var .more a span img {
                width: 100%;
                display: block; }
          .caseds .caseam .vatem .var .more a:hover {
            background-color: var(--themes);
            color: #fff;
            border: solid 1px var(--themes);
            animation: icon-bounce 0.5s alternate; }
            .caseds .caseam .vatem .var .more a:hover span {
              filter: grayscale(1000%) brightness(2000%); }
  .caseds .caseam:nth-child(2n) {
    background-color: #f9fafb; }
    .caseds .caseam:nth-child(2n) .vatem {
      flex-direction: row; }
      @media (max-width: 800px) {
      .caseds .caseam+.caseam{
        border-top: solid 1px #eee;
      }
    }

.products {
  width: 100%;
  padding: 1rem 0;
  background-color: #f9fafb; }
  .products .produlis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .products .produlis .proam {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      width: calc(520 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      margin-bottom: 0.2rem;
      align-content: center; }
      .products .produlis .proam a {
        width: 100%;
        display: block; }
      .products .produlis .proam .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .products .produlis .proam .imgs .img {
          width: 100%;
          padding-top: 75.69%;
          transition: all ease 0.5s; }
      .products .produlis .proam .vom {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0.4rem 0.3rem;
        height: 100%;
        text-align: center;
        z-index: 3;
        background-color: #fff; }
        .products .produlis .proam .vom .vt {
          width: 100%;
          color: #111;
          line-height: 1.5;
          margin-bottom: 0.08rem; }
        .products .produlis .proam .vom .tm {
          width: 100%;
          color: rgba(0, 0, 0, 0.6);
          line-height: 1.5;
          margin-bottom: 0.08rem; }
          .products .produlis .proam .vom .tm p {
            color: rgba(0, 0, 0, 0.6);
            line-height: 1.5; }
        .products .produlis .proam .vom .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.1rem;
          transition: all ease 0.5s;
          margin-bottom: 0.3rem; }
          .products .produlis .proam .vom .more .jm {
            display: inline-block;
            vertical-align: middle;
            border: solid 1px rgba(0, 0, 0, 0.15);
            text-align: center;
            line-height: 0.4rem;
            height: 0.4rem;
            border-radius: 0.2rem;
            width: 0.8rem; }
            .products .produlis .proam .vom .more .jm img {
              width: 6px;
              display: inline-block;
              vertical-align: middle; }
    .products .produlis .proam:nth-child(3n) {
      margin-right: 0; }
    .products .produlis .proam:hover .imgs .img {
      transform: scale(1.1); }
    .products .produlis .proam:hover .vom .more .jm {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .products .produlis .proam:hover .vom .more .jm img {
        filter: grayscale(1000%) brightness(2000%); }

.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; }

.detilsm {
  width: 100%; }
  .detilsm .detvim {
    width: 100%;
    padding: 0.8rem 0;
    background-color: #f9fafb; }
    .detilsm .detvim .mitop {
      width: 100%; }
      .detilsm .detvim .mitop .cnk {
        width: 100%;
        color: var(--themes);
        line-height: 1.5;
        text-align: center;
        margin-top: 0.15rem;
        font-weight: bold; }
        .detilsm .detvim .mitop .cnk p {
          color: var(--themes);
          line-height: 1.5; }
    .detilsm .detvim .teakm {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .detilsm .detvim .teakm .tml {
        display: inline-block;
        vertical-align: middle;
        width: calc(800 / 1600 * 100%);
        position: relative;
        overflow: hidden; }
        .detilsm .detvim .teakm .tml .img {
          width: 100%;
          padding-top: 60%; }
      .detilsm .detvim .teakm .tmr {
        display: inline-block;
        vertical-align: middle;
        width: calc(700 / 1600 * 100%); }
        .detilsm .detvim .teakm .tmr .tit {
          width: 100%;
          text-align: center;
          font-weight: bold;
          line-height: 1.5;
          padding: 0.1rem;
          color: #fff;
          background-image: linear-gradient(90deg, #0055bf 0%, #00a2ff 50%, #00d5a1 100%), linear-gradient(#000000, #000000);
          background-blend-mode: normal,  normal; }
        .detilsm .detvim .teakm .tmr .table {
          width: 100%;
          display: flex;
          flex-wrap: wrap; }
          .detilsm .detvim .teakm .tmr .table .tr {
            width: 100%;
            display: flex;
            border: solid 1px #fff; }
          .detilsm .detvim .teakm .tmr .table .tr + .tr {
            border-top: none; }
          .detilsm .detvim .teakm .tmr .table .td {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            text-align: center;
            justify-content: center;
            color: #666;
            line-height: 1.5;
            padding: 0.12rem;
            word-break: break-word;
            background-color: rgba(0, 0, 0, 0.1); }
          .detilsm .detvim .teakm .tmr .table .td + .td {
            border-left: solid 1px #fff; }
          .detilsm .detvim .teakm .tmr .table .td1 {
            width: 23%; }
          .detilsm .detvim .teakm .tmr .table .td2 {
            width: 23%; }
          .detilsm .detvim .teakm .tmr .table .td3 {
            width: 54%; }
          .detilsm .detvim .teakm .tmr .table .white {
            background-color: rgba(0, 0, 0, 0.05); }
        .detilsm .detvim .teakm .tmr .comd {
          width: 100%;
          margin-top: 0.4rem; }
          .detilsm .detvim .teakm .tmr .comd .pip {
            width: 100%;
            text-align: center;
            color: #fff;
            line-height: 1.5;
            font-weight: bold;
            padding: 0.14rem; }
          .detilsm .detvim .teakm .tmr .comd .xim {
            width: 100%;
            text-align: center;
            margin-top: 0.2rem;
            color: #666;
            line-height: 1.5; }
            .detilsm .detvim .teakm .tmr .comd .xim p {
              color: #666;
              line-height: 1.5; }
        .detilsm .detvim .teakm .tmr .vuls {
          width: 100%; }
          .detilsm .detvim .teakm .tmr .vuls .vli {
            width: 100%;
            border-bottom: solid 1px rgba(0, 0, 0, 0.1);
            padding: 0.15rem 0;
            display: flex; }
            .detilsm .detvim .teakm .tmr .vuls .vli .name {
              display: inline-block;
              vertical-align: middle;
              color: #999;
              line-height: 1.5;
              margin-right: 0.15rem;
              min-width: 4.5em; }
            .detilsm .detvim .teakm .tmr .vuls .vli .xame {
              display: inline-block;
              vertical-align: middle;
              color: #111;
              font-weight: bold;
              line-height: 1.5; }
          .detilsm .detvim .teakm .tmr .vuls .vli:first-child {
            border-top: solid 1px rgba(0, 0, 0, 0.1); }
  .detilsm .detvim:nth-child(2n) {
    background-color: #fff; }
    .detilsm .detvim:nth-child(2n) .teakm {
      flex-direction: row-reverse; }

.maenavs {
  width: 100%; }
  .maenavs .maenav {
    width: 100%;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    background-color: #fff; }
    .maenavs .maenav .swiper-wrapper.center {
      justify-content: center; }
    .maenavs .maenav .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      margin-right: 0.4rem; }
      .maenavs .maenav .swiper-slide a {
        display: inline-block;
        vertical-align: middle;
        color: #222;
        line-height: 3.5;
        width: auto;
        padding: 0 0.15rem;
        transition: all ease 0.5s; }
        .maenavs .maenav .swiper-slide a span {
          display: inline-block;
          vertical-align: middle;
          position: absolute;
          bottom: 0rem;
          left: 50%;
          transform: translateX(-50%);
          width: 100%;
          height: 0.02rem;
          background-color: var(--themes);
          transition: all ease 0.5s;
          opacity: 0;
          transition: all ease 0.5s; }
    .maenavs .maenav .swiper-slide.on a, .maenavs .maenav .swiper-slide:hover a {
      font-weight: bold;
      color: var(--themes); }
      .maenavs .maenav .swiper-slide.on a span, .maenavs .maenav .swiper-slide:hover a span {
        opacity: 1; }
  .maenavs .maenav.fixed {
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0; }

.petails {
  width: 100%;
  padding: 1rem 0; }
  .petails .petail {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse; }
    .petails .petail .peml {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1600 * 100%);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start; }
      .petails .petail .peml .ptper {
        display: inline-block;
        vertical-align: middle;
        width: calc(660 / 800 * 100%); }
        .petails .petail .peml .ptper .swiper-slide {
          width: 100%;
          position: relative;
          box-sizing: border-box; }
          .petails .petail .peml .ptper .swiper-slide .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .petails .petail .peml .ptper .swiper-slide .imgs .img {
              width: 100%;
              height: 6.6rem;
              transition: all ease 0.5s; }
          .petails .petail .peml .ptper .swiper-slide:after {
            content: ' ';
            position: absolute;
            box-sizing: border-box;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: solid 1px rgba(0, 0, 0, 0.1); }
      .petails .petail .peml .pbper {
        display: inline-block;
        vertical-align: middle;
        width: calc(120 / 800 * 100%); }
        .petails .petail .peml .pbper .swiper-container {
          height: 6.6rem; }
        .petails .petail .peml .pbper .swiper-slide {
          width: 100%;
          position: relative;
          box-sizing: border-box;
          display: flex;
          align-items: center; }
          .petails .petail .peml .pbper .swiper-slide .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .petails .petail .peml .pbper .swiper-slide .imgs .img {
              width: 100%;
              padding-top: 100%;
              transition: all ease 0.5s; }
          .petails .petail .peml .pbper .swiper-slide:after {
            content: ' ';
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: solid 1px rgba(0, 0, 0, 0.1); }
        .petails .petail .peml .pbper .swiper-slide:hover:after, .petails .petail .peml .pbper .swiper-slide.on:after {
          border: solid 2px var(--themes); }
    .petails .petail .pemr {
      display: inline-block;
      vertical-align: middle;
      width: calc(700 / 1600 * 100%); }
      .petails .petail .pemr .vot {
        width: 100%;
        padding-left: 0.1rem;
        border-left: solid 0.05rem var(--themes);
        color: #111;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.14rem; }
      .petails .petail .pemr .vinp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .petails .petail .pemr .vinp span, .petails .petail .pemr .vinp p {
          color: #666;
          line-height: 1.75; }
        .petails .petail .pemr .vinp img {
          max-width: 100%; }
      .petails .petail .pemr .vitmlis {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.4rem; }
        .petails .petail .pemr .vitmlis .vitm {
          width: calc(124 / 700 * 100%);
          margin-right: calc(19 / 700 * 100%);
          margin-bottom: 0.2rem;
          position: relative;
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
          background-color: #fff;
          transition: all ease 0.5s;
          top: 0;
          position: relative; }
          .petails .petail .pemr .vitmlis .vitm .emx {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 3;
            width: 100%;
            height: 100%;
            text-align: center;
            padding: 0.1rem; }
          .petails .petail .pemr .vitmlis .vitm .hei {
            width: 100%;
            padding-top: 100%; }
          .petails .petail .pemr .vitmlis .vitm .vum {
            width: 100%;
            color: var(--themes); }
            .petails .petail .pemr .vitmlis .vitm .vum span {
              display: inline-block;
              font-weight: bold;
              margin-right: 0rem; }
          .petails .petail .pemr .vitmlis .vitm .cm {
            width: 100%;
            color: #666;
            line-height: 1.5;
            margin-top: 0.04rem; }
            .petails .petail .pemr .vitmlis .vism{
              display: inline-block;
              vertical-align: middle;
              width: auto;
              min-width: 1.2rem;
              background-color: #fff;
              box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
              padding: 0.2rem 0.1rem;
              margin-right: calc((100% - 1.2rem * 5) / 4);
              text-align: center;
              position: relative;
              cursor: pointer;
              top: 0;
              transition: all ease 0.5s;
            }
            .petails .petail .pemr .vitmlis .vism .vc {
              display: block;
              margin: 0 auto 0.1rem;
              width: 0.52rem;
              height: 0.52rem; }
              .petails .petail .pemr .vitmlis .vism .vc img {
                width: 100%;
                display: block; }
            .petails .petail .pemr .vitmlis .vism .cm {
              width: 100%;
              color: #666;
              line-height: 1.5; }
        .petails .petail .pemr .vitmlis .vism:nth-child(5n) {
          margin-right: 0; }
        .petails .petail .pemr .vitmlis .vism:hover {
          top: -0.1rem; }
        .petails .petail .pemr .vitmlis .vitm:nth-child(5n) {
          margin-right: 0; }
        .petails .petail .pemr .vitmlis .vitm:hover {
          top: -0.1rem; }

@media (max-width: 800px) {
  .petails .petail .peml {
    width: 100%;
    margin-bottom: 20px; }
    .petails .petail .peml .ptper {
      width: calc(580 / 800 * 100%); }
      .petails .petail .peml .ptper .swiper-slide .imgs .img {
        height: 6rem; }
    .petails .petail .peml .pbper {
      width: calc(200 / 800 * 100%); }
      .petails .petail .peml .pbper .swiper-container {
        height: 6rem; }
  .petails .petail .pemr {
    width: 100%; } }
.videom {
  width: 100%;
  padding: 0.5rem 0; }
  .videom .videoc {
    width: 100%;
    max-width: 13rem;
    height: 36.84vw;
    display: block;
    margin: 0 auto;
    position: relative; }
    .videom .videoc .vom {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 3; }

@media (max-width: 800px) {
  .videom .videoc {
    height: 4rem; } }
.prokm {
  width: 100%;
  padding: 0.5rem 0; }
  .prokm .finp {
    width: 100%;
    color: #666;
    line-height: 1.75; }
    .prokm .finp span, .prokm .finp p {
      color: #666;
      line-height: 1.75; }
    .prokm .finp img {
      max-width: 100%; }
  .prokm .contper {
    width: 100%;
    position: relative; }
    .prokm .contper .swiper-container {
      padding: 0.1rem 0; }
      .prokm .contper .swiper-wrapper.center {
        justify-content: center;
      }
      .prokm .contper .swiper-wrapper.center .swiper-slide{
        text-align: center;
      }
      .prokm .contper .swiper-wrapper.center .swiper-slide .caram{
        text-align: left;
      }
    .prokm .contper .caram {
      width: calc(380 / 1600 * 100%);
      margin-right: calc( 26 / 1600 * 100%);
      display: inline-block;
      vertical-align: top;
      margin-bottom: 0.2rem; }
      .prokm .contper .caram a {
        width: 100%;
        display: block; }
      .prokm .contper .caram .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .prokm .contper .caram .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .prokm .contper .caram .coms {
        width: 100%;
        padding: 0.2rem 0.26rem;
        background-color: #fff;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); }
        .prokm .contper .caram .coms .cli {
          width: 100%;
          font-size: 0;
          display: flex;
          align-items: center;
          padding: 0.08rem 0; }
          .prokm .contper .caram .coms .cli .ems {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            margin-right: 0.16rem;
            line-height: 1.5; }
          .prokm .contper .caram .coms .cli .stars {
            display: inline-block;
            vertical-align: middle;
            flex: 1;
            font-size: 0; }
            .prokm .contper .caram .coms .cli .stars .si {
              display: inline-block;
              vertical-align: middle;
              width: 0.2rem; }
              .prokm .contper .caram .coms .cli .stars .si img {
                width: 100%;
                display: block; }
            .prokm .contper .caram .coms .cli .stars .si + .si {
              margin-left: 0.1rem; }
    .prokm .contper .caram:nth-child(4n) {
      margin-right: 0; }
    .prokm .contper .caram:hover .imgs .img {
      transform: scale(1.1); }
    .prokm .contper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      vertical-align: middle;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      background-color: #f9fafb;
      cursor: pointer; }
      .prokm .contper .btn img {
        width: 100%;
        display: block; }
      .prokm .contper .btn img:first-child {
        display: block; }
      .prokm .contper .btn img:last-child {
        display: none; }
    .prokm .contper .btn:hover {
      background-color: var(--themes); }
      .prokm .contper .btn:hover img:first-child {
        display: none; }
      .prokm .contper .btn:hover img:last-child {
        display: block; }
    .prokm .contper .bl {
      left: -0.7rem; }
    .prokm .contper .br {
      right: -0.7rem; }
  .prokm .gamer {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .prokm .gamer .photos {
      height: 2.875rem;
      position: relative;
      overflow: hidden; }
    .prokm .gamer .gamer-one1, .prokm .gamer .gamer-one2, .prokm .gamer .gamer-one3 {
      width: 60rem;
      position: relative; }
    .prokm .gamer .gamer-one2 {
      position: absolute;
      /* top: 2.875rem; */
      top: 0rem; 
    }
    .prokm .gamer .gamer-one3 {
      position: absolute;
      /* top: 5.75rem;  */
      top:0rem; 
    }
    .prokm .gamer ul {
      display: flex;
      position: absolute;
      margin: 0; }
      .prokm .gamer ul li {
        width: 3.75rem;
        height: 2.8125rem;
        margin-right: .0625rem;
        position: relative; }
        .prokm .gamer ul li .imgs {
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; }
          .prokm .gamer ul li .imgs .img {
            width: 100%;
            position: absolute;
            height: 100%;
            display: block; }
      .prokm .gamer ul li:last-child {
        margin-right: 0; }
    .prokm .gamer .one1 {
      left: 0%; }
    .prokm .gamer .one2 {
      display: flex;
      margin: 0;
      position: absolute;
      left: -100%; }
    .prokm .gamer .one3 {
      display: flex;
      margin: 0; }

@media (max-width: 1680px) {
  .prokm .contper .bl {
    left: -0.2rem; }
  .prokm .contper .br {
    right: -0.2rem; } }
.newpm {
  width: 100%;
  background-color: #fafafa;
  padding: 1rem 0 0.7rem; }
  .newpm .newpers {
    width: 100%;
    position: relative; }
    .newpm .newpers .swiper-container {
      padding-bottom: 0.3rem; }
    .newpm .newpers .swiper-slide {
      width: 100%; }
      .newpm .newpers .swiper-slide a {
        width: 100%;
        display: block; }
      .newpm .newpers .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .newpm .newpers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .newpm .newpers .swiper-slide .vom {
        width: 100%;
        background-color: #fff;
        padding: 0.36rem 0.36rem 0.26rem;
        display: flex;
        flex-wrap: wrap;
        flex: 1; }
        .newpm .newpers .swiper-slide .vom .vts {
          width: 100%;
          color: #000;
          line-height: 1.5;
          height: 3em;
          margin-bottom: 0.1rem; }
        .newpm .newpers .swiper-slide .vom .time {
          width: 100%;
          color: #666;
          line-height: 1.5; }
          .newpm .newpers .swiper-slide .vom .time span {
            display: inline-block;
            vertical-align: middle;
            width: 0.15rem;
            position: relative;
            top: -0.02rem; }
            .newpm .newpers .swiper-slide .vom .time span img {
              width: 100%;
              display: block; }
        .newpm .newpers .swiper-slide .vom .eis {
          width: 100%;
          color: #666;
          line-height: 1.5;
          height: 3em;
          margin: 0.1rem 0; }
        .newpm .newpers .swiper-slide .vom .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.2rem; }
          .newpm .newpers .swiper-slide .vom .more .jm {
            display: inline-block;
            vertical-align: middle;
            padding: 0 0.34rem;
            line-height: 0.4rem;
            height: 0.4rem;
            border-radius: 0.2rem;
            border: solid 1px rgba(0, 0, 0, 0.15); }
            .newpm .newpers .swiper-slide .vom .more .jm img {
              width: 100%;
              display: block;
              margin-top: calc(0.2rem - 5px); }
    .newpm .newpers .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .newpm .newpers .swiper-slide:hover .vom .vts {
      color: var(--themes); }
    .newpm .newpers .swiper-slide:hover .vom .more .jm {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .newpm .newpers .swiper-slide:hover .vom .more .jm img {
        filter: grayscale(1000%) brightness(2000%); }
    .newpm .newpers .swiper-pagination {
      bottom: 0; }
    .newpm .newpers .swiper-pagination-bullet-active {
      background-color: var(--themes); }

.newkom {
  width: 100%;
  background-color: #fff;
  padding: 1rem 0; }
  .newkom .newklis {
    width: 100%;
    font-size: 0; }
    .newkom .newklis .newkm {
      width: 100%;
      padding: 0.5rem 0;
      border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
      .newkom .newklis .newkm a {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center; }
      .newkom .newklis .newkm .imgs {
        width: calc(520 / 1600 * 100%);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        overflow: hidden; }
        .newkom .newklis .newkm .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .newkom .newklis .newkm .vom {
        width: calc(1014 / 1600 * 100%);
        display: inline-block;
        vertical-align: middle; }
        .newkom .newklis .newkm .vom .vts {
          width: 100%;
          color: #000;
          line-height: 1.5;
          margin-bottom: 0.2rem; }
        .newkom .newklis .newkm .vom .time {
          width: 100%;
          color: #666;
          line-height: 1.5; }
          .newkom .newklis .newkm .vom .time span {
            display: inline-block;
            vertical-align: middle;
            width: 0.15rem;
            position: relative;
            top: -0.02rem; }
            .newkom .newklis .newkm .vom .time span img {
              width: 100%;
              display: block; }
        .newkom .newklis .newkm .vom .eis {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin: 0.2rem 0; }
        .newkom .newklis .newkm .vom .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.35rem; }
          .newkom .newklis .newkm .vom .more .jm {
            display: inline-block;
            vertical-align: middle;
            padding: 0 0.34rem;
            line-height: 0.4rem;
            height: 0.4rem;
            border-radius: 0.2rem;
            border: solid 1px rgba(0, 0, 0, 0.15); }
            .newkom .newklis .newkm .vom .more .jm img {
              width: 100%;
              display: block;
              margin-top: calc(0.2rem - 5px); }
    .newkom .newklis .newkm:hover .imgs .img {
      transform: scale(1.1); }
    .newkom .newklis .newkm:hover .vom .vts {
      color: var(--themes); }
    .newkom .newklis .newkm:hover .vom .more .jm {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .newkom .newklis .newkm:hover .vom .more .jm img {
        filter: grayscale(1000%) brightness(2000%); }

.netails {
  width: 100%;
  padding: 1rem 0; }
  .netails .netail {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; }
    .netails .netail .nel {
      display: inline-block;
      vertical-align: top;
      width: calc(1080 / 1600 * 100%); }
      .netails .netail .nel .nit {
        width: 100%;
        color: #111;
        line-height: 1.2;
        margin-bottom: 0.12rem; }
      .netails .netail .nel .nim {
        width: 100%;
        font-size: 0;
        padding: 0.2rem 0; }
        .netails .netail .nel .nim .lam {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #666;
          line-height: 1.5;
          margin-right: 0.2rem; }
          .netails .netail .nel .nim .lam span {
            display: inline-block;
            vertical-align: middle;
            width: 0.24rem;
            margin-right: 0.05rem;
            position: relative;
            top: -0.02rem; }
            .netails .netail .nel .nim .lam span img {
              width: 100%;
              display: block; }
        .netails .netail .nel .nim .share {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          font-size: 0; }
          .netails .netail .nel .nim .share .am {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            width: 19px;
            margin-right: 0.1rem; }
            .netails .netail .nel .nim .share .am a, .netails .netail .nel .nim .share .am img {
              width: 100%;
              display: block; }
            .netails .netail .nel .nim .share .am .comd {
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 104%;
              width: 1.4rem;
              background-color: #fff;
              border-radius: 0.05rem;
              padding: 0.08rem;
              box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
              display: none; }
              .netails .netail .nel .nim .share .am .comd img {
                width: 100%;
                display: block; }
          .netails .netail .nel .nim .share .am:hover .comd {
            display: block; }
      .netails .netail .nel .ninp {
        width: 100%;
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        padding: 0.4rem 0;
        color: #666;
        line-height: 1.75; }
        .netails .netail .nel .ninp span, .netails .netail .nel .ninp p {
          color: #666;
          line-height: 1.75; }
        .netails .netail .nel .ninp img {
          max-width: 100%; }
      .netails .netail .nel .not {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 0.4rem; }
        .netails .netail .nel .not .nol {
          display: inline-block;
          vertical-align: middle;
          flex: 1; }
          .netails .netail .nel .not .nol .natm {
            width: 100%; }
            .netails .netail .nel .not .nol .natm a {
              width: 100%;
              display: block;
              color: #666;
              line-height: 1.75; }
            .netails .netail .nel .not .nol .natm a:hover {
              color: var(--themes); }
        .netails .netail .nel .not .nor {
          width: auto;
          display: inline-block;
          vertical-align: middle; }
          .netails .netail .nel .not .nor a {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            padding: 0 0.35rem;
            line-height: 3;
            border-radius: 1.5em;
            background-color: var(--themes);
            color: #fff;
            transition: all ease 0.5s; }
            .netails .netail .nel .not .nor a span {
              display: inline-block;
              vertical-align: middle;
              width: 19px;
              margin-right: 0.1rem;
              position: relative;
              top: -0.02rem; }
              .netails .netail .nel .not .nor a span img {
                width: 100%;
                display: block; }
          .netails .netail .nel .not .nor a:hover {
            animation: icon-bounce 0.5s alternate; }
    .netails .netail .ner {
      display: inline-block;
      vertical-align: top;
      width: calc(370 / 1600 * 100%);
      position: sticky;
      top: 1.05rem; }
      .netails .netail .ner .nir {
        width: 100%;
        color: var(--themes);
        line-height: 1.2;
        margin-bottom: 0.5rem; }
      .netails .netail .ner .nacom {
        width: 100%; }
        .netails .netail .ner .nacom a {
          width: 100%;
          display: block; }
        .netails .netail .ner .nacom .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .netails .netail .ner .nacom .imgs .img {
            width: 100%;
            padding-top: 60%;
            transition: all ease 0.5s; }
        .netails .netail .ner .nacom .lom {
          padding: 0.24rem 0;
          width: 100%;
          border-bottom: solid 0.03rem var(--themes); }
          .netails .netail .ner .nacom .lom .lit {
            width: 100%;
            color: #111;
            line-height: 1.3; }
          .netails .netail .ner .nacom .lom .xim {
            width: 100%;
            color: #666;
            line-height: 1.5;
            margin: 0.2rem 0; }
            .netails .netail .ner .nacom .lom .xim p {
              color: #666;
              line-height: 1.5; }
          .netails .netail .ner .nacom .lom .more {
            width: 100%;
            font-size: 0;
            margin-top: 0.2rem; }
            .netails .netail .ner .nacom .lom .more .jm {
              display: inline-block;
              vertical-align: middle;
              padding: 0 0.34rem;
              line-height: 0.4rem;
              height: 0.4rem;
              border-radius: 0.2rem;
              border: solid 1px rgba(0, 0, 0, 0.15); }
              .netails .netail .ner .nacom .lom .more .jm img {
                width: 100%;
                display: block;
                margin-top: calc(0.2rem - 5px); }
      .netails .netail .ner .nacom:hover .imgs .img {
        transform: scale(1.1); }
      .netails .netail .ner .nacom:hover .lom .lit {
        color: var(--themes); }
      .netails .netail .ner .nacom:hover .lom .more .jm {
        background-color: var(--themes);
        border: solid 1px var(--themes); }
        .netails .netail .ner .nacom:hover .lom .more .jm img {
          filter: grayscale(1000%) brightness(2000%); }
      .netails .netail .ner .netuls {
        width: 100%;
        margin-top: 0.5rem; }
        .netails .netail .ner .netuls .nli {
          width: 100%;
          position: relative;
          padding: 0.03rem 0; }
          .netails .netail .ner .netuls .nli a {
            width: 100%;
            display: block;
            padding-left: 0.24rem;
            color: #666;
            line-height: 1.5; }
            .netails .netail .ner .netuls .nli a:before {
              content: ' ';
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 0.05rem;
              height: 0.05rem;
              background-color: var(--themes); }
          .netails .netail .ner .netuls .nli a:hover {
            color: var(--themes); }

.searchomd {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f7f9; }
  .searchomd .sitop {
    width: 100%;
    margin-bottom: 0.4rem; }
    .searchomd .sitop .sit {
      width: 100%;
      color: #222;
      line-height: 1.5; }
      .searchomd .sitop .sit span {
        display: inline-block;
        color: var(--themes); }
  .searchomd .serlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .searchomd .serlist .searom {
      display: inline-block;
      vertical-align: top;
      width: calc(520 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      margin-bottom: 0.2rem; }
      .searchomd .serlist .searom a {
        width: 100%;
        display: block; }
      .searchomd .serlist .searom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .searchomd .serlist .searom .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .searchomd .serlist .searom .vom {
        width: 100%;
        background-color: #fff;
        padding: 0.36rem 0.36rem 0.26rem;
        display: flex;
        flex-wrap: wrap;
        flex: 1; }
        .searchomd .serlist .searom .vom .vts {
          width: 100%;
          color: #000;
          line-height: 1.5;
          height: 3em;
          margin-bottom: 0.1rem; }
        .searchomd .serlist .searom .vom .time {
          width: 100%;
          color: #666;
          line-height: 1.5; }
          .searchomd .serlist .searom .vom .time span {
            display: inline-block;
            vertical-align: middle;
            width: 0.15rem;
            position: relative;
            top: -0.02rem; }
            .searchomd .serlist .searom .vom .time span img {
              width: 100%;
              display: block; }
        .searchomd .serlist .searom .vom .eis {
          width: 100%;
          color: #666;
          line-height: 1.5;
          height: 3em;
          margin: 0.1rem 0; }
        .searchomd .serlist .searom .vom .more {
          width: 100%;
          font-size: 0;
          margin-top: 0.2rem; }
          .searchomd .serlist .searom .vom .more .jm {
            display: inline-block;
            vertical-align: middle;
            padding: 0 0.34rem;
            line-height: 0.4rem;
            height: 0.4rem;
            border-radius: 0.2rem;
            border: solid 1px rgba(0, 0, 0, 0.15); }
            .searchomd .serlist .searom .vom .more .jm img {
              width: 100%;
              display: block;
              margin-top: calc(0.2rem - 5px); }
    .searchomd .serlist .searom:nth-child(3n) {
      margin-right: 0; }
    .searchomd .serlist .searom:hover .imgs .img {
      transform: scale(1.1); }
    .searchomd .serlist .searom:hover .vom .vts {
      color: var(--themes); }
    .searchomd .serlist .searom:hover .vom .more .jm {
      background-color: var(--themes);
      border: solid 1px var(--themes); }
      .searchomd .serlist .searom:hover .vom .more .jm img {
        filter: grayscale(1000%) brightness(2000%); }
    .searchomd .serlist .searom:nth-child(3n+1) {
      transition-delay: 0.1s; }
    .searchomd .serlist .searom:nth-child(3n+2) {
      transition-delay: 0.2s; }
    .searchomd .serlist .searom:nth-child(3n+3) {
      transition-delay: 0.3s; }

@media (max-width: 800px) {
  .searchomd .serlist .searom:nth-child(2n+1) {
    transition-delay: 0.1s !important; }
  .searchomd .serlist .searom:nth-child(2n+2) {
    transition-delay: 0.2s !important; } }












.prodetail_table {

    width: 100%;

    border: 1px solid #b8b8b8;

}

.prodetail_table tr {

    background-color: #ffffff;

    line-height: 72px;

}

.prodetail_table tr.prodetail_table_tr1 {

    background-color: #b8b8b8;

}

.prodetail_table tr.prodetail_table_tr1 td {

    font-family: Barlow-Bold;

	font-size: 20px;

    font-weight: bold;

	color: #333333;

    border: 1px solid #ffffff;

    width: 12.5%;

}

.prodetail_table tr.prodetail_table_tr2 td {

    border: 1px solid #f4f4f4;

    font-family: Barlow-Medium;

    font-size: 22px;

	color: #333333;

}

.prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1 {

    font-size: 20px;

	font-weight: bold;

	color: #333333;

}

.prodetail_table tr.prodetail_table_tr3 {

    background-color: #dddddd;

}

.prodetail_table tr.prodetail_table_tr1 td,.prodetail_table tr.prodetail_table_tr2 td {

    padding-left: 30px;

}

.prodetail_table tr.prodetail_table_tr1 td.prodetail_tr_td1,.prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1 {

    padding-left: 30px;

}

.prodetail_fk .prodetail_table tr.prodetail_table_tr1 td,.prodetail_fk .prodetail_table tr.prodetail_table_tr2 td {

    padding-left: 0px;

    text-align: center;

} 

.prodetail_fk .prodetail_table tr.prodetail_table_tr1 td {

    width: 14.3%;

}

.prodetail_fk .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

    text-align: left;

}

.prodetail_ff .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

    background-color: #ffffff;

}

.prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

    font-size: 18px;

	color: #333333;

    padding-left: 70px;

}


@media (max-width:1900px) {

    .prodetail_table tr.prodetail_table_tr1 td, .prodetail_table tr.prodetail_table_tr2 td {padding-left: 2%; padding-right:2%}

    .prodetail_table tr.prodetail_table_tr1 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1 ,.prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last{padding-left: 2%;}

}


@media (max-width:1260px) {

    .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1,.prodetail_table tr.prodetail_table_tr2 td,.prodetail_table tr.prodetail_table_tr1 td {font-size: 18px;}
}


@media (max-width:1040px) {

    .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td, .prodetail_table tr.prodetail_table_tr1 td,.prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {font-size: 13px;}

}

@media (max-width:767px) {

    .prodetail_table tr.prodetail_table_tr1 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {

        padding-left: 0px;

    }

    .prodetail_table tr.prodetail_table_tr2 td.prodetail_tr_td1, .prodetail_table tr.prodetail_table_tr2 td, .prodetail_table tr.prodetail_table_tr1 td, .prodetail_table tr.prodetail_table_tr3 td.prodetail_tr_td_last {padding-left: 0px;text-align: center;font-size: 12px;line-height: 26px;padding: 10px 0px;}

}