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

@media (max-width: 1620px) {
  .w1600 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1600 {
    width: 94%; } }
.w1200 {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%; }

@media (max-width: 1220px) {
  .w1200 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1200 {
    width: 94%; } }
:root {
  --themes: #005ed9; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s;
  background-color: transparent; }
  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;
      margin-right: 0.2rem;
      width: 16px;
      height: 40px; }
      header .her .search .sc {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3; }
        header .her .search .sc img {
          width: 100%;
          display: block; }
        header .her .search .sc img:first-child {
          display: block; }
        header .her .search .sc img:last-child {
          display: none; }
    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: 16px;
          height: 17px;
          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;
          line-height: 40px;
          height: 40px; }
          header .her .languages .lauges .lashow .ac {
            display: inline-block;
            vertical-align: middle;
            width: 19px;
            height: 19px;
            margin-right: 0.1rem; }
            header .her .languages .lauges .lashow .ac img {
              width: 100%;
              display: block; }
            header .her .languages .lauges .lashow .ac img:first-child {
              display: block; }
            header .her .languages .lauges .lashow .ac img:last-child {
              display: none; }
          header .her .languages .lauges .lashow .am {
            color: #fff;
            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 img:first-child {
        display: block; }
      header .her .menu img:last-child {
        display: none; }
      header .her .menu .clk {
        width: 100%;
        height: 100%;
        text-align: center;
        color: #222;
        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 .hem {
    display: inline-block;
    vertical-align: middle;
    flex: 1;
    transition: all ease 0.5s; }
  header .hem.hide {
    top: calc( -0.35rem - 0.9rem - 0.2rem); }
  header .logm {
    width: 2.02rem;
    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 .logm .logo img:first-child {
        display: block; }
      header .logm .logo img:last-child {
        display: none; }
  header nav {
    width: 100%;
    display: block;
    text-align: center; }
    header nav .natem {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      text-align: center;
      font-size: 0; }
      header nav .natem .nas {
        width: auto;
        display: inline-block;
        position: relative;
        margin: 0 0.1rem; }
        header nav .natem .nas a {
          display: inline-block;
          line-height: 0.9rem;
          color: #fff;
          position: relative;
          padding: 0 0.1rem;
          transition: all ease 0.5s; }
        header nav .natem .nas .xs {
          display: inline-block;
          vertical-align: middle;
          width: 0.1rem;
          margin-left: 0.1rem;
          display: none; }
          header nav .natem .nas .xs img {
            width: 100%;
            display: block; }
          header nav .natem .nas .xs img:first-child {
            display: block; }
          header nav .natem .nas .xs img:last-child {
            display: none; }
        header nav .natem .nas:after {
          content: ' ';
          position: absolute;
          left: 50%;
          bottom: 0.2rem;
          transform: translateX(-50%);
          opacity: 0;
          width: 80%;
          height: 3px;
          background-color: #fff;
          transition: all ease 0.5s; }
      header nav .natem .navuls {
        width: 2.2rem;
        /* width: 1.8rem; */
        position: absolute;
        z-index: 101;
        left: calc(51%);
        top: 100%;
        transform: translateX(-50%);
        display: none; }
        header nav .natem .navuls ul {
          width: 100%; }
          header nav .natem .navuls ul li {
            width: 100%;
            position: relative; }
            header nav .natem .navuls ul li .njm {
              width: 100%;
              font-size: 0;
              background-color: rgba(255, 255, 255, 0.5); }
            header nav .natem .navuls ul li .ns {
              width: 100%;
              display: inline-block;
              vertical-align: middle;
              line-height: 3;
              color: #222;
              text-align: left;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              padding: 0 0.1rem;
              position: relative;
              text-align: center;
              background-color: rgba(255, 255, 255, 0.5); }
            header nav .natem .navuls ul li .theul {
              width: 100%;
              background-color: #fff;
              display: none; }
              header nav .natem .navuls ul li .theul li {
                width: 100%;
                font-size: 0; }
                header nav .natem .navuls ul li .theul li .xn {
                  display: inline-block;
                  vertical-align: middle;
                  color: #333;
                  line-height: 2.5;
                  padding: 0 0.2rem; }
                header nav .natem .navuls ul li .theul li .xn:hover {
                  color: #333; }
          header nav .natem .navuls ul li:hover .ns {
            background-color: #005ed9b3;
            color: #fff; }
          header nav .natem .navuls ul li.has-the:after {
            content: "+";
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            position: absolute;
            background: none;
            right: 0;
            left: auto;
            transform: translateX(0);
            top: 0.05rem;
            font-size: 20px;
            color: #333;
            border: none;
            display: none; }
          header nav .natem .navuls ul li.has-the.show:after {
            content: "-"; }
      header nav .natem .longul {
        position: absolute;
        top: calc(0.9rem + 0.35rem + 0.2rem);
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
        width: 100%;
        box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06);
        z-index: 50;
        display: none;
        padding: 0.5rem 0; }
        header nav .natem .longul .longm {
          width: 100%;
          font-size: 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          header nav .natem .longul .longm .lgl {
            display: inline-block;
            vertical-align: middle;
            width: calc(600 / 1720 * 100%); }
            header nav .natem .longul .longm .lgl .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              header nav .natem .longul .longm .lgl .imgs .img {
                width: 100%;
                padding-top: 60%;
                transition: all ease 0.5s; }
            header nav .natem .longul .longm .lgl .imgs:hover .img {
              transform: scale(1.1); }
            header nav .natem .longul .longm .lgl a {
              width: 100%;
              display: block; }
          header nav .natem .longul .longm .lgr {
            display: inline-block;
            vertical-align: middle;
            width: calc(1000 / 1720 * 100%); }
            header nav .natem .longul .longm .lgr .lgrlist {
              width: 100%;
              font-size: 0;
              text-align: left; }
              header nav .natem .longul .longm .lgr .lgrlist .lgam {
                display: inline-block;
                vertical-align: top;
                width: 32%;
                margin-right: 2%;
                margin-bottom: 0.2rem; }
                header nav .natem .longul .longm .lgr .lgrlist .lgam a {
                  width: 100%;
                  display: block;
                  font-size: 0; }
                header nav .natem .longul .longm .lgr .lgrlist .lgam .gc {
                  display: inline-block;
                  vertical-align: middle;
                  width: 0.6rem;
                  height: 0.6rem;
                  margin-right: 0.2rem; }
                  header nav .natem .longul .longm .lgr .lgrlist .lgam .gc img {
                    width: 100%;
                    display: block; }
                header nav .natem .longul .longm .lgr .lgrlist .lgam .gms {
                  display: inline-block;
                  vertical-align: middle;
                  width: calc(100% - 0.6rem - 0.2rem); }
                header nav .natem .longul .longm .lgr .lgrlist .lgam .gm {
                  width: 100%;
                  color: #333;
                  line-height: 1.5;
                  max-height: 3em; }
              header nav .natem .longul .longm .lgr .lgrlist .lgam:hover .gm {
                color: var(--themes); }
              header nav .natem .longul .longm .lgr .lgrlist .lgam:nth-child(3n) {
                margin-right: 0; }
    header nav .natem.has-nav .nas .xs {
      display: inline-block; }
    header nav .natem.on .nas:after {
      opacity: 1;
      width: 100%; }
    header nav .natem.on .nas .xs img:first-child {
      display: none; }
    header nav .natem.on .nas .xs img:last-child {
      display: block; }
    header nav .natem:hover .nas .xs img:first-child {
      display: none; }
    header nav .natem:hover .nas .xs img:last-child {
      display: block; }
    header nav .natem:hover .nas:after {
      opacity: 1;
      width: 100%; }

header.white .logm .logo img:first-child {
  display: none; }
header.white .logm .logo img:last-child {
  display: block; }
header.white .her .search .sc img:first-child {
  display: none; }
header.white .her .search .sc img:last-child {
  display: block; }
header.white .her .languages .lauges .lashow .ac img:first-child {
  display: none; }
header.white .her .languages .lauges .lashow .ac img:last-child {
  display: block; }
header.white nav .natem .nas a {
  color: #222; }
header.white nav .natem .nas:after {
  background-color: var(--themes); }
header.white nav .natem.on .nas a {
  color: var(--themes); }
header.white nav .natem:hover .nas a {
  color: var(--themes); }

header.bg {
  background-color: #fff; }
  header.white{
    background-color: #fff;
  }

@media (max-width: 1200px) {
  header nav .natem .nas {
    margin: 0 0.05rem !important; }
    header nav .natem .nas a {
      padding: 0 0.05rem !important; } }
@media (max-width: 850px) {
  header {
    background-color: #fff; }
    header .header {
      align-items: center;
      padding: 0.1rem 3%; }
    header nav {
      width: 100%;
      width: 5rem;
      position: fixed;
      right: -100%;
      top: 0;
      left: auto;
      height: 100vh;
      background-color: #fff;
      margin-right: 0;
      overflow: auto;
      z-index: 500;
      transition: all ease  1.2s;
      padding-left: 0.1rem;
      padding: 0.1rem;
      display: block;
      text-align: left;
      opacity: 0;
      border-top: solid 1px #e5e5e5; }
      header nav .natem {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: auto;
        width: 100%;
        padding: 0.1rem 0;
        opacity: 0;
        transform: translate(-10px, -30px);
        transition: all .8s ease; }
        header nav .natem .nas {
          width: auto;
          display: inline-block;
          text-align: left;
          width: 100%;
          margin: 0; }
          header nav .natem .nas a {
            width: auto;
            display: inline-block;
            vertical-align: middle;
            line-height: 2.5;
            color: #333;
            font-weight: bold;
            font-family: 'Alibaba-PuHuiTi-Bold';
            padding: 0 0.3rem;
            position: relative; }
          header nav .natem .nas .ik {
            display: none !important; }
          header nav .natem .nas a:hover {
            color: var(--themes);
            background-color: transparent; }
        header nav .natem .navuls {
          width: 100%;
          position: relative;
          z-index: 101;
          left: 0%;
          top: 0%;
          transform: translateX(0%);
          background: #fff;
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
          display: none;
          text-align: left; }
          header nav .natem .navuls ul {
            width: 100%;
            padding: 0.1rem 0.2rem; }
            header nav .natem .navuls ul li {
              width: 100%;
              display: block;
              position: relative;
              margin-bottom: 0; }
              header nav .natem .navuls ul li .ns {
                width: auto;
                display: inline-block;
                vertical-align: middle;
                line-height: 3;
                color: #333;
                text-align: left !important;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                padding: 0 0.2rem;
                background: #fff;
                position: relative; }
              header nav .natem .navuls ul li .ns:hover {
                color: var(--themes); }
            header nav .natem .navuls ul li + li {
              border-top: solid 1px #eee; }
            header nav .natem .navuls ul li:hover .ns {
              background-color: transparent;
              color: var(--themes); }
            header nav .natem .navuls ul li.has-the:after {
              display: block; }
        header nav .natem:before {
          display: none !important; }
        header nav .natem .prosubnav {
          display: none; }
      header nav .natem.on .nas:after {
        display: none; }
      header nav .natem.has-nav .nas .xs {
        display: none; }
      header nav .natem.has-nav:after {
        content: "+";
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        position: absolute;
        background: none;
        right: 0;
        left: auto;
        transform: translateX(0);
        top: 0.05rem;
        font-size: 20px;
        color: #333;
        border: none; }
      header nav .natem.has-nav.show:after {
        content: "-"; }
      header nav .natem.animate {
        opacity: 1;
        transform: translate(0, 0); }
    header .blace {
      position: fixed;
      z-index: -1;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 450;
      display: none;
      background-color: rgba(0, 0, 0, 0.5); }
    header .logm .logo img:first-child {
      display: none; }
    header .logm .logo img:last-child {
      display: block; }
    header .her .menu {
      width: 30px;
      height: 30px;
      display: inline-block; }
      header .her .menu img:first-child {
        display: none; }
      header .her .menu img:last-child {
        display: block; }
      header .her .menu .clk {
        line-height: 30px; }
    header .her .search {
      width: 16px; }
      header .her .search .sc {
        width: 16px; }
        header .her .search .sc img:first-child {
          display: none; }
        header .her .search .sc img:last-child {
          display: block; }
    header .her .languages .lauges .lashow .ac img:first-child {
      display: none; }
    header .her .languages .lauges .lashow .ac img:last-child {
      display: block; }
    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; }
  header.menu-state nav {
    opacity: 1;
    right: 0; }
  header.menu-state .blace {
    opacity: 1; } }
.banner {
  width: 100%;
  position: relative; }
  .banner .swiper-slide {
    width: 100%;
    position: relative; }
    .banner .swiper-slide .imgs {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .banner .swiper-slide .imgs .img {
        width: 100%;
        height: 100vh; }
    .banner .swiper-slide .box {
      position: absolute;
      left: calc(210 / 1920 * 100%);
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;
      width: 80%;
      max-width: 80%; }
      .banner .swiper-slide .box .cn {
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .cn p {
          color: #fff;
          font-weight: bold;
          line-height: 1.2; }
      .banner .swiper-slide .box .en {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        margin: 0.2rem 0 1rem;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .en p {
          color: #fff;
          line-height: 1.5; }
      .banner .swiper-slide .box .more {
        width: 100%;
        font-size: 0;
        margin-top: 0.6rem;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .more a {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          padding: 0 0.45rem;
          background-color: #fff;
          color: var(--themes);
          line-height: 3;
          border-radius: 1.5em;
          transition: all ease 0.5s; }
          .banner .swiper-slide .box .more a span {
            display: inline-block;
            vertical-align: middle;
            width: 13px;
            margin-left: 0.34rem; }
            .banner .swiper-slide .box .more a span img {
              width: 100%;
              display: block; }
            .banner .swiper-slide .box .more a span img:first-child {
              display: block; }
            .banner .swiper-slide .box .more a span img:last-child {
              display: none; }
        .banner .swiper-slide .box .more .atn {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          padding: 0.05rem;
          border-radius: calc(1.5em + 0.05rem);
          transition: all ease 0.5s;
          border: solid 1px rgba(255, 255, 255, 0.1); }
        .banner .swiper-slide .box .more .atn:hover {
          transform: scale(1.05); }
          .banner .swiper-slide .box .more .atn:hover a {
            background-color: var(--themes);
            color: #fff; }
            .banner .swiper-slide .box .more .atn:hover a span img:first-child {
              display: none; }
            .banner .swiper-slide .box .more .atn:hover a span img:last-child {
              display: block; }
    .banner .swiper-slide .videoc {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 4;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 1;
      transition: all ease 0.5s;
      z-index: 5; }
      .banner .swiper-slide .videoc .vom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3; }
  .banner .swiper-slide-active .box .cn, .banner .swiper-slide-active .box .en, .banner .swiper-slide-active .box .more {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .banner .swiper-pagination {
    bottom: 0.55rem;
    left: calc(160 / 1920 * 100%);
    width: auto; }
  .banner .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: bottom;
    width: 0.4rem;
    height: 5px;
    border-radius: 0%;
    background-color: #5e9df1;
    opacity: 1;
    margin: 0 0.05rem !important;
    position: relative;
    transition: all ease 0.5s; }
  .banner .swiper-pagination-bullet-active {
    background-color: var(--themes);opacity: 1; }
  .banner .down {
    position: absolute;
    z-index: 2;
    right: 0.5rem;
    bottom: 0.4rem;
    width: 24px;
    cursor: pointer;
    transition: all ease 0.5s; }
    .banner .down img {
      width: 100%;
      display: block; }
  .banner .down:hover {
    bottom: 0.5rem; }

  @media (max-width: 800px) {
    .banner .swiper-slide .imgs .img {
      padding-top: 48.75%;
      height: calc(60vh - 1rem);
      height: auto; } }
footer {
  width: 100%;
  background-color: #fff; }
  footer .ftop {
    width: 100%;
    padding: 0.6rem 0; }
  footer .fop {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    footer .fop .ftl {
      display: inline-block;
      vertical-align: top;
      width: calc(1260 / 1600 * 100%); }
      footer .fop .ftl .fit {
        width: 100%;
        font-size: 0;
        margin-bottom: 0.15rem; }
        footer .fop .ftl .fit a {
          display: inline-block;
          vertical-align: middle;
          color: #222;
          line-height: 1.4;
          height: 2.8em;
          font-weight: bold;
          transition: all ease 0.5s;
          padding: 0.06rem 0; }
        footer .fop .ftl .fit a:hover {
          color: var(--themes); }
      footer .fop .ftl .flist {
        display: inline-block;
        vertical-align: top;
        width: calc(180 / 1260 * 100%);
        text-align: left;
        padding-right: 0.25rem; }
        footer .fop .ftl .flist .ful {
          width: 100%; }
          footer .fop .ftl .flist .ful a {
            width: 100%;
            display: inline-block;
            vertical-align: top;
            color: #666;
            transition: all ease 0.5s;
            line-height: 2;
            line-height: 1.5;
            padding: 0.05rem 0; }
          footer .fop .ftl .flist .ful a:hover {
            color: var(--themes); }
    footer .fop .ftr {
      display: inline-block;
      vertical-align: top;
      width: auto;
      text-align: right; }
      footer .fop .ftr .fome {
        display: inline-block;
        vertical-align: middle; }
        footer .fop .ftr .fome .fx {
          width: 100%;
          color: #222;
          line-height: 1.5;
          font-weight: bold;
          text-align: center; }
        footer .fop .ftr .fome .comde {
          width: 1.1rem;
          display: inline-block;
          vertical-align: middle; }
      footer .fop .ftr .share {
        width: 100%;
        margin-top: 0.25rem; }
        footer .fop .ftr .share .sm {
          width: 100%;
          color: #222;
          line-height: 1.5;
          font-weight: bold;
          margin-bottom: 0.1rem; }
        footer .fop .ftr .share .shom {
          width: 100%;
          font-size: 0; }
          footer .fop .ftr .share .shom .am {
            display: inline-block;
            vertical-align: middle;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: solid 1px #ccc;
            position: relative; }
            footer .fop .ftr .share .shom .am a, footer .fop .ftr .share .shom .am img {
              width: 100%;
              display: block; }
            footer .fop .ftr .share .shom .am img:first-child {
              display: block; }
            footer .fop .ftr .share .shom .am img:last-child {
              display: none; }
            footer .fop .ftr .share .shom .am .dome {
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: calc(100% + 0.1rem);
              width: 1.2rem;
              height: 1.2rem;
              border-radius: 0.1rem;
              background-color: #fff;
              display: none;
              box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06); }
          footer .fop .ftr .share .shom .am:hover {
            background-color: var(--themes);
            border: solid 1px var(--themes); }
            footer .fop .ftr .share .shom .am:hover img:first-child {
              display: none; }
            footer .fop .ftr .share .shom .am:hover img:last-child {
              display: block; }
            footer .fop .ftr .share .shom .am:hover .dome {
              display: block; }
          footer .fop .ftr .share .shom .am + .am {
            margin-left: 0.07rem; }
  footer .fbot {
    width: 100%; }
  footer .fob {
    border-top: solid 1px rgba(0, 0, 0, 0.06);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0; }
    footer .fob .fm {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.5;
      color: rgba(102, 102, 102, 0.6); }

@media (max-width: 800px) {
  footer .ftop {
    padding: 0rem 0 0.2rem; }
  footer .fop {
    width: 100%; }
    footer .fop .ftl {
      width: 100%;
      display: none;
      margin-bottom: 0px; }
      footer .fop .ftl .fit {
        width: 100%;
        margin-bottom: 0;
        padding: 0.3rem 0;
        margin-left: 0; }
        footer .fop .ftl .fit a {
          font-size: 16px; }
      footer .fop .ftl .flist {
        width: 100%;
        border-bottom: solid 1px rgba(0, 0, 0, 0.15);
        position: relative; }
        footer .fop .ftl .flist .ful {
          width: 100%;
          font-size: 0;
          padding-bottom: 0.15rem;
          display: none;
          height: auto; }
          footer .fop .ftl .flist .ful a {
            line-height: 2; }
      footer .fop .ftl .flist:first-child {
        border-top: none; }
      footer .fop .ftl .flist.has-ful:after {
        content: " ";
        display: inline-block;
        width: 14px;
        height: 8px;
        background-image: url("../images/xx.png");
        background-position: center;
        background-size: 100% 100%;
        text-align: center;
        position: absolute;
        right: 0.2rem;
        left: auto;
        transform: translateX(0) rotate(0deg);
        top: 0.5rem;
        color: #333;
        border: none;
        transition: all ease 0.5s; }
      footer .fop .ftl .flist.has-ful.show:after {
        content: " ";
        transform: translateX(0) rotate(180deg); }
    footer .fop .ftr {
      width: 100%;
      font-size: 0;
      padding-top: 15px;
      text-align: left; }
      footer .fop .ftr .fome {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin-right: 0.3rem; }
        footer .fop .ftr .fome .comde {
          width: 100px; }
      footer .fop .ftr .share {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: left; } }
.modular {
  width: 100%; }
  .modular .mitop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0.4rem; }
    .modular .mitop .mil {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop .mil .cn {
        width: 100%;
        position: relative;
        font-size: 0; }
        .modular .mitop .mil .cn span {
          color: #222;
          position: relative;
          line-height: 1.5;
          font-weight: bold;
          z-index: 2;
          display: inline-block;
          vertical-align: middle; }
        .modular .mitop .mil .cn .ic {
          position: absolute;
          z-index: 1;
          width: 0.5rem;
          top: -0.15rem;
          left: -0.25rem; }
          .modular .mitop .mil .cn .ic img {
            width: 100%;
            display: block; }
          .modular .mitop .mil .cn .ic img:first-child {
            display: block; }
          .modular .mitop .mil .cn .ic img:last-child {
            display: none; }
      .modular .mitop .mil .en {
        width: 100%;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.5; }
    .modular .mitop .mir {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop .mir .more {
        display: inline-block;
        vertical-align: middle; }
        .modular .mitop .mir .more a {
          display: inline-block;
          vertical-align: middle;
          color: #666;
          line-height: 1.5; }
          .modular .mitop .mir .more a span {
            display: inline-block;
            vertical-align: middle;
            margin-left: 0.1rem;
            width: 15px;
            position: relative;
            top: -0.02rem; }
            .modular .mitop .mir .more a span img {
              width: 100%;
              display: block; }
            .modular .mitop .mir .more a span img:first-child {
              display: block; }
            .modular .mitop .mir .more a span img:last-child {
              display: none; }
        .modular .mitop .mir .more a:hover {
          color: var(--themes); }
          .modular .mitop .mir .more a:hover span img:first-child {
            display: none; }
          .modular .mitop .mir .more a:hover span img:last-child {
            display: block; }
  .modular .mivop {
    width: 100%;
    margin-bottom: 0.4rem; }
    .modular .mivop .mil {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mivop .mil .cn {
        width: 100%;
        position: relative;
        font-size: 0; }
        .modular .mivop .mil .cn span {
          color: #222;
          position: relative;
          line-height: 1.5;
          font-weight: bold;
          z-index: 2;
          display: inline-block;
          vertical-align: middle; }
        .modular .mivop .mil .cn .ic {
          position: absolute;
          z-index: 1;
          width: 0.5rem;
          top: -0.15rem;
          left: -0.25rem; }
          .modular .mivop .mil .cn .ic img {
            width: 100%;
            display: block; }
          .modular .mivop .mil .cn .ic img:first-child {
            display: block; }
          .modular .mivop .mil .cn .ic img:last-child {
            display: none; }
        .modular .mivop .mil .cn .en {
          display: inline-block;
          vertical-align: middle;
          color: rgba(0, 0, 0, 0.5);
          line-height: 1.5;
          margin-left: 0.15rem; }
    .modular .mivop .xip {
      width: 100%;
      color: #666;
      line-height: 1.5;
      margin-top: 0.06rem; }
      .modular .mivop .xip p {
        color: #666;
        line-height: 1.5; }

.modular.white .mitop .mil .cn span {
  color: #fff; }
.modular.white .mitop .mil .cn .ic img:first-child {
  display: none; }
.modular.white .mitop .mil .cn .ic img:last-child {
  display: block; }
.modular.white .mitop .mil .en {
  color: #fff; }

.news {
  width: 100%;
  overflow: hidden; }
  .news .newom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .news .newom .nel {
      display: inline-block;
      vertical-align: middle;
      width: calc(370 / 1600 * 100%);
      display: flex;
      flex-wrap: wrap; }
      .news .newom .nel .nelm {
        width: 100%;
        border-bottom: solid 2px transparent; }
        .news .newom .nel .nelm a {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          align-content: center;
          padding: 0.4rem 0.3rem;
          background-color: #fff; }
        .news .newom .nel .nelm .time {
          width: 100%;
          color: #666;
          line-height: 1.5; }
        .news .newom .nel .nelm .xit {
          width: 100%;
          color: #222;
          line-height: 1.5;
          font-weight: bold;
          height: 3em;
          margin: 0.06rem 0 0.3rem; }
        .news .newom .nel .nelm .more {
          width: 100%;
          font-size: 0; }
          .news .newom .nel .nelm .more .lom {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 1.5; }
            .news .newom .nel .nelm .more .lom span {
              display: inline-block;
              vertical-align: middle;
              width: 15px;
              margin-left: 0.1rem; }
              .news .newom .nel .nelm .more .lom span img {
                width: 100%;
                display: block; }
      .news .newom .nel .nelm + .nelm {
        margin-top: 0.2rem; }
      .news .newom .nel .nelm:hover, .news .newom .nel .nelm.on {
        border-bottom: solid 2px var(--themes); }
        .news .newom .nel .nelm:hover .xit, .news .newom .nel .nelm.on .xit {
          color: var(--themes); }
    .news .newom .nem {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1600 * 100%); }
      .news .newom .nem .nempers {
        width: 100%;
        height: 100%;
        display: block;
        position: relative; }
        .news .newom .nem .nempers .swiper-container {
          height: 100%; }
        .news .newom .nem .nempers .swiper-slide {
          width: 100%;
          position: relative; }
          .news .newom .nem .nempers .swiper-slide .imgs {
            width: 100%;
            position: relative;
            overflow: hidden;
            height: 100%; }
            .news .newom .nem .nempers .swiper-slide .imgs .img {
              width: 100%;
              height: 100%;
              display: block; }
          .news .newom .nem .nempers .swiper-slide .von {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            z-index: 3;
            left: 0;
            padding: 0.4rem 0.3rem; }
            .news .newom .nem .nempers .swiper-slide .von .time {
              width: 100%;
              color: #fff;
              line-height: 1.5;
              margin-bottom: 0.15rem; }
            .news .newom .nem .nempers .swiper-slide .von .vt {
              width: 100%;
              color: #fff;
              font-weight: bold;
              line-height: 1.5; }
        .news .newom .nem .nempers .swiper-pagination {
          bottom: 0.3rem;
          width: auto;
          text-align: right;
          left: auto;
          right: 0.3rem; }
        .news .newom .nem .nempers .swiper-pagination-bullet {
          display: inline-block;
          vertical-align: bottom;
          width: 0.4rem;
          height: 5px;  
          border-radius: 0%;
          background-color: #fff;
          opacity: 1;
          margin: 0 0.05rem !important;
          position: relative;
          transition: all ease 0.5s; }
        .news .newom .nem .nempers .swiper-pagination-bullet-active {
          background-color: var(--themes); }
    .news .newom .ner {
      display: inline-block;
      vertical-align: middle;
      width: calc(370 / 1600 * 100%); }
      .news .newom .ner .nerm {
        width: 100%;
        height: 100%;
        display: block; }
        .news .newom .ner .nerm a {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          height: 100%; }
        .news .newom .ner .nerm .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .news .newom .ner .nerm .imgs .img {
            width: 100%;
            padding-top: 70.27%;
            transition: all ease 0.5s; }
        .news .newom .ner .nerm .gom {
          width: 100%;
          background-color: #fff;
          padding: 0.4rem 0.3rem;
          flex: 1;
          border-bottom: solid 2px transparent;
          transition: all ease 0.5s; }
          .news .newom .ner .nerm .gom .time {
            width: 100%;
            color: #666;
            line-height: 1.5; }
          .news .newom .ner .nerm .gom .xit {
            width: 100%;
            color: #222;
            line-height: 1.5;
            font-weight: bold;
            height: 3em;
            margin: 0.06rem 0 0.3rem; }
          .news .newom .ner .nerm .gom .more {
            width: 100%;
            font-size: 0; }
            .news .newom .ner .nerm .gom .more .lom {
              display: inline-block;
              vertical-align: middle;
              color: #666;
              line-height: 1.5; }
              .news .newom .ner .nerm .gom .more .lom span {
                display: inline-block;
                vertical-align: middle;
                width: 15px;
                margin-left: 0.1rem; }
                .news .newom .ner .nerm .gom .more .lom span img {
                  width: 100%;
                  display: block; }
      .news .newom .ner .nerm:hover .imgs .img {
        transform: scale(1.1); }
      .news .newom .ner .nerm:hover .gom {
        border-bottom: solid 2px var(--themes); }
        .news .newom .ner .nerm:hover .gom .xit {
          color: var(--themes); }

@media (max-width: 800px) {
  .news .newom .nem .nempers .imgs .img {
    padding-top: 62.5%;
    height: auto; }
    .news .newom .nel{
      order: 2;
    }
    .news .newom .nel .nelm{
      margin-bottom: 0 !important;
    }
    .news .newom .nem{
      order: 1;
    }
    .news .newom .ner{
      order: 3;
    }
  
  }
    .news .newom .nel .nelm a{
      padding: 0.8rem 0.3rem;
    }
.parthers {
  width: 100%; }
  .parthers .honopers {
    width: 100%;
    font-size: 0; }
    .parthers .honopers .hogom {
      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; }
      .parthers .honopers .hogom a {
        width: 100%;
        display: block; }
      .parthers .honopers .hogom .img {
        width: 100%;
        padding-top: 60%;
        transition: all ease 0.5s; }
    .parthers .honopers .hogom:nth-child(6n) {
      margin-right: 0; }
    .parthers .honopers .hogom:nth-child(6n+1) {
      transition-delay: 0.1s; }
    .parthers .honopers .hogom:nth-child(6n+2) {
      transition-delay: 0.2s; }
    .parthers .honopers .hogom:nth-child(6n+3) {
      transition-delay: 0.3s; }
    .parthers .honopers .hogom:nth-child(6n+4) {
      transition-delay: 0.4s; }
    .parthers .honopers .hogom:nth-child(6n+5) {
      transition-delay: 0.5s; }
    .parthers .honopers .hogom:nth-child(6n+6) {
      transition-delay: 0.6s; }
    .parthers .honopers .hogom:hover .img {
      transform: scale(1.1); }
    .parthers .honopers .swiper-container {
      padding-bottom: 0.4rem; }
    .parthers .honopers .swiper-pagination {
      bottom: 0;
      text-align: center; }
    .parthers .honopers .swiper-pagination-bullet {
      display: inline-block;
      vertical-align: bottom;
      width: 0.4rem;
      height: 5px;
      border-radius: 0%;
      background-color: #5e9df1;
      opacity: 1;
      margin: 0 0.05rem !important;
      position: relative;
      transition: all ease 0.5s; }
    .parthers .honopers .swiper-pagination-bullet-active {
      background-color: var(--themes);opacity: 1; }

.industrys {
  width: 100%;
  font-size: 0; }
  .industrys .industlis {
    width: 100%;
    font-size: 0; }
    .industrys .industlis .indum {
      display: inline-block;
      vertical-align: top;
      width: calc(520 / 1600 * 100%);
      margin-right: calc(19 / 1600 * 100%);
      margin-bottom: 0.2rem;
      position: relative;
      overflow: hidden;
      border-radius: 0.1rem; }
      .industrys .industlis .indum a {
        width: 100%;
        display: block; }
      .industrys .industlis .indum .img {
        width: 100%;
        padding-top: 50%;
        transition: all ease 0.5s; }
      .industrys .industlis .indum .vod {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        padding: 0.3rem 0.35rem;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        transition: all ease 0.5s;
        opacity: 1; }
        .industrys .industlis .indum .vod .vc {
          display: block;
          width: 0.48rem;
          height: 0.48rem; }
          .industrys .industlis .indum .vod .vc img {
            width: 100%;
            display: block; }
        .industrys .industlis .indum .vod .vob {
          width: 100%; }
          .industrys .industlis .indum .vod .vob .lx {
            width: 15px;
            height: 2px;
            background-color: #fff;
            display: block; }
          .industrys .industlis .indum .vod .vob .cm {
            width: 100%;
            color: #fff;
            line-height: 1.5;
            margin: 0.14rem 0; }
          .industrys .industlis .indum .vod .vob .pm {
            width: 100%;
            color: rgba(255, 255, 255, 0.6);
            line-height: 1.5; }
      .industrys .industlis .indum .tox {
        position: absolute;
        z-index: 3;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        padding: 0.15rem;
        justify-content: center;
        transition: all ease 0.5s;
        opacity: 0; }
        .industrys .industlis .indum .tox .tit {
          width: 100%;
          color: #fff;
          line-height: 1.5;
          margin-bottom: 0.1rem;
          text-align: center; }
        .industrys .industlis .indum .tox .pim {
          width: 100%;
          color: #fff;
          line-height: 1.8;
          text-align: center; }
    .industrys .industlis .indum:nth-child(3n) {
      margin-right: 0; }
    .industrys .industlis .indum:hover .img {
      transform: scale(1.1); }
    .industrys .industlis .indum:hover .vod {
      opacity: 0; }
    .industrys .industlis .indum:hover .tox {
      opacity: 1; }

.research {
  width: 100%;
  position: relative; }
  .research .imgslist {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .research .imgslist .imgs {
      width: 100%;
      position: relative;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      z-index: -99;
      opacity: 0;
      transition: all ease 0.5s; }
      .research .imgslist .imgs .img {
        width: 100%;
        height: 100%;
        display: block; }
    .research .imgslist .imgs.on {
      opacity: 1;
      z-index: 1; }
  .research .w1600 {
    z-index: 2;
    position: relative; }
  .research .recont {
    width: 100%;
    position: relative;
    height: calc(100vh - 1rem); }
    .research .recont .ritem {
      width: 100%;
      max-width: 6.8rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: -99;
      opacity: 0;
      transition: all ease 0.5s; }
    .research .recont .mitop {
      opacity: 0;
      transform: translate3d(0, 25%, 0);
      transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
    .research .recont .sinp {
      width: 100%;
      color: #fff;
      line-height: 1.75;
      opacity: 0;
      transform: translate3d(0, 25%, 0);
      transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
      .research .recont .sinp p {
        color: #fff;
        line-height: 1.75; }
    .research .recont .more {
      width: 100%;
      font-size: 0;
      margin-top: 0.8rem;
      opacity: 0;
      transform: translate3d(0, 25%, 0);
      transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
      .research .recont .more a {
        display: inline-block;
        vertical-align: middle;
        border: solid 1px #fff;
        padding: 0 0.45rem;
        color: #fff;
        line-height: 3;
        transition: all ease 0.5s; }
        .research .recont .more a span {
          display: inline-block;
          vertical-align: middle;
          margin-left: 0.1rem;
          width: 15px; }
          .research .recont .more a span img {
            width: 100%;
            display: block; }
      .research .recont .more a:hover {
        background-color: var(--themes);
        color: #fff;
        border: solid 1px var(--themes); }
    .research .recont .ritem.on {
      z-index: 2;
      opacity: 1; }
      .research .recont .ritem.on .mitop, .research .recont .ritem.on .sinp, .research .recont .ritem.on .more {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
  .research .respers {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    border-top: solid 1px rgba(255, 255, 255, 0.1); }
    .research .respers .swiper-slide {
      width: 100%;
      padding: 0.32rem 0.4rem;
      display: flex;
      height: auto;
      align-items: center;
      cursor: pointer;
      justify-content: space-between;
      border-top: solid 0.04rem transparent; }
      .research .respers .swiper-slide .sc {
        display: inline-block;
        vertical-align: middle;
        width: 0.65rem;
        height: 0.65rem;
        margin-right: 0.2rem; }
        .research .respers .swiper-slide .sc img {
          width: 100%;
          display: block; }
        .research .respers .swiper-slide .sc img:first-child {
          display: block; }
        .research .respers .swiper-slide .sc img:last-child {
          display: none; }
      .research .respers .swiper-slide .sm {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 0.65rem - 0.2rem);
        text-align: right;
        color: #fff;
        font-weight: bold;
        line-height: 1.5; }
    .research .respers .swiper-slide + .swiper-slide {
      border-left: solid 1px rgba(255, 255, 255, 0.1); }
    .research .respers .swiper-slide:hover {
      background-color: rgba(255, 255, 255, 0.65);
      border-top: solid 0.04rem var(--themes); }
      .research .respers .swiper-slide:hover .sc img:first-child {
        display: none; }
      .research .respers .swiper-slide:hover .sc img:last-child {
        display: block; }
      .research .respers .swiper-slide:hover .sm {
        color: var(--themes); }
    .research .respers .swiper-slide.on {
      background-color: #fff;
      border-top: solid 0.04rem var(--themes); }
      .research .respers .swiper-slide.on .sc img:first-child {
        display: none; }
      .research .respers .swiper-slide.on .sc img:last-child {
        display: block; }
      .research .respers .swiper-slide.on .sm {
        color: var(--themes); }

@media (max-width: 800px) {
  .research .recont {
    height: calc(60vh - 1rem); } }
.nanber {
  width: 100%;
  position: relative; }
  .nanber .imgs {
    width: 100%;
    position: relative; }
    .nanber .imgs .img {
      width: 100%;
      padding-top: 35.41%; }
  .nanber .nox {
    position: absolute;
    z-index: 4;
    left: calc(160 / 1920 * 100%);
    top: calc(50%);
    transform: translateY(-50%);
    width: 70%;
    z-index: 2;
    text-align: left; }
    .nanber .nox .cm {
      width: 100%;
      color: #fff;
      font-weight: bold;
      line-height: 1.4; }
    .nanber .nox .em {
      width: 100%;
      color: #fff;
      line-height: 1.1;
      margin-top: .0rem; }

@media (max-width: 1620px) {
  .nanber .nox {
    left: 5%; } }
@media (max-width: 800px) {
  .nanber .imgs .img {
    padding-top: 50%; }
  .nanber .nox {
    width: 94%;
    left: 3%; } }
.crumbs {
  width: 100%;
  background-color: #fff;
  position: relative;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  .crumbs .column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .crumbs .column .colum {
      width: auto;
      font-size: 0;
      display: inline-block;
      vertical-align: middle; }
      .crumbs .column .colum .home {
        display: inline-block;
        vertical-align: middle;
        width: .21rem;
        height: .21rem;
        min-width: 18px;
        min-height: 18px;
        margin-right: .1rem;
        position: relative;
        top: -0.02rem; }
        .crumbs .column .colum .home img {
          width: 100%;
          display: block; }
      .crumbs .column .colum .sm {
        display: inline-block;
        vertical-align: middle;
        color: #666;
        line-height: .9rem; }
      .crumbs .column .colum a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #666;
        line-height: .8rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .crumbs .column .colum a span {
          display: inline-block;
          color: #666;
          line-height: .8rem;
          position: relative;
          margin: 0 .14rem; }
          .crumbs .column .colum a span img {
            width: 100%;
            display: block; }
      .crumbs .column .colum a:hover {
        color: var(--themes); }
      .crumbs .column .colum a:last-child span {
        display: none; }
    .crumbs .column .cur {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .crumbs .column .cur .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        .crumbs .column .cur .swiper-slide a {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          line-height: .8rem;
          color: #666;
          position: relative;
          padding: 0 0.2rem; }
          .crumbs .column .cur .swiper-slide a:after {
            content: ' ';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: .04rem;
            background-color: var(--themes);
            left: 0;
            right: 0;
            opacity: 0; }
      .crumbs .column .cur .swiper-slide.on a, .crumbs .column .cur .swiper-slide:hover a {
        color: var(--themes);
        font-weight: bold; }
        .crumbs .column .cur .swiper-slide.on a:after, .crumbs .column .cur .swiper-slide:hover a:after {
          opacity: 1; }
      .crumbs .column .cur .swiper-slide + .swiper-slide {
        margin-left: 0.1rem; }
        @media (max-width: 800px) {
          .crumbs .column .cur .swiper-slide + .swiper-slide {
            margin-left: 0rem; }
        }
.newson {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f3f6f9; }
  .newson .netomper {
    width: 100%; }
    .newson .netomper .swiper-slide {
      width: 100%;
      background-color: #fff;
      font-size: 0; }
      .newson .netomper .swiper-slide a {
        width: 100%;
        display: block; }
      .newson .netomper .swiper-slide .imgs {
        display: inline-block;
        vertical-align: middle;
        width: calc(800 / 1600 * 100%);
        position: relative;
        overflow: hidden; }
        .newson .netomper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .newson .netomper .swiper-slide .gom {
        display: inline-block;
        vertical-align: middle;
        width: calc(800 / 1600 * 100%);
        padding: 0.2rem 0.6rem; }
        .newson .netomper .swiper-slide .gom .time {
          width: 100%;
          color: #666;
          line-height: 1.5; }
          .newson .netomper .swiper-slide .gom .time span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.08rem;
            width: 18px;
            position: relative;
            top: -0.02rem; }
            .newson .netomper .swiper-slide .gom .time span img {
              width: 100%;
              display: block; }
        .newson .netomper .swiper-slide .gom .xit {
          width: 100%;
          color: #222;
          line-height: 1.5;
          font-weight: bold;
          margin: 0.06rem 0 0.3rem; }
        .newson .netomper .swiper-slide .gom .xim {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin: 0.3rem 0 0.5rem; }
        .newson .netomper .swiper-slide .gom .more {
          width: 100%;
          font-size: 0; }
          .newson .netomper .swiper-slide .gom .more .lom {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 1.5; }
            .newson .netomper .swiper-slide .gom .more .lom span {
              display: inline-block;
              vertical-align: middle;
              width: 15px;
              margin-left: 0.1rem; }
              .newson .netomper .swiper-slide .gom .more .lom span img {
                width: 100%;
                display: block; }
    .newson .netomper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .newson .netomper .swiper-slide:hover .gom .xit {
      color: var(--themes); }
    .newson .netomper .swiper-slide:hover .gom .more .lom {
      color: var(--themes); }

      .newson .netomper .swiper-pagination {
        bottom: 0.3rem;
        left: auto;
        right: 0.3rem;
        text-align: right; }
      .newson .netomper .swiper-pagination-bullet {
        display: inline-block;
        vertical-align: bottom;
        width: 0.4rem;
        height: 5px;
        border-radius: 0%;
        background-color: #5e9df1;
        opacity: 1;
        margin: 0 0.05rem !important;
        position: relative;
        transition: all ease 0.5s; }
      .newson .netomper .swiper-pagination-bullet-active {
        background-color: var(--themes);opacity: 1; }
  .newson .newlist {
    width: 100%;
    margin-top: 0.4rem;
    font-size: 0; }
    .newson .newlist .netom {
      display: inline-block;
      vertical-align: top;
      width: calc(510 / 1600 * 100%);
      margin-right: calc(34 / 1600 * 100%);
      margin-bottom: 0.35rem;
      background-color: #fff; }
      .newson .newlist .netom a {
        width: 100%;
        display: block; }
      .newson .newlist .netom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .newson .newlist .netom .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .newson .newlist .netom .gom {
        width: 100%;
        background-color: #fff;
        padding: 0.4rem 0.3rem;
        border-bottom: solid 2px transparent;
        transition: all ease 0.5s; }
        .newson .newlist .netom .gom .time {
          width: 100%;
          color: #666;
          line-height: 1.5; }
          .newson .newlist .netom .gom .time span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.08rem;
            width: 18px;
            position: relative;
            top: -0.02rem; }
            .newson .newlist .netom .gom .time span img {
              width: 100%;
              display: block; }
        .newson .newlist .netom .gom .xit {
          width: 100%;
          color: #222;
          line-height: 1.5;
          font-weight: bold;
          height: 3em;
          margin: 0.06rem 0 0.1rem; }
        .newson .newlist .netom .gom .xim {
          width: 100%;
          color: #666;
          line-height: 1.5;
          height: 3em;
          margin: 0.1rem 0 0.3rem; }
        .newson .newlist .netom .gom .more {
          width: 100%;
          font-size: 0; }
          .newson .newlist .netom .gom .more .lom {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 1.5; }
            .newson .newlist .netom .gom .more .lom span {
              display: inline-block;
              vertical-align: middle;
              width: 15px;
              margin-left: 0.1rem; }
              .newson .newlist .netom .gom .more .lom span img {
                width: 100%;
                display: block; }
    .newson .newlist .netom:nth-child(3n) {
      margin-right: 0; }
    .newson .newlist .netom:hover .imgs .img {
      transform: scale(1.1); }
    .newson .newlist .netom:hover .gom .xit {
      color: var(--themes); }
    .newson .newlist .netom:hover .gom .more .lom {
      color: var(--themes); }
  .newson .netails {
    width: 100%;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .newson .netails .nel {
      display: inline-block;
      vertical-align: top;
      width: calc(1170 / 1600 * 100%); }
      .newson .netails .nel .necm {
        background-color: #fff;
        width: 100%;
        padding: 0.5rem 0.4rem 0.4rem; }
        .newson .netails .nel .necm .nit {
          width: 100%;
          text-align: center;
          color: #222;
          font-weight: bold;
          line-height: 1.3; }
        .newson .netails .nel .necm .nim {
          width: 100%;
          text-align: center;
          font-size: 0;
          padding: 0.1rem 0 0.2rem; }
          .newson .netails .nel .necm .nim span {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 1.5;
            margin: 0 0.15rem; }
        .newson .netails .nel .necm .ninp {
          width: 100%;
          margin-top: 0.25rem;
          padding-top: 0.2rem 0;
          border-top: solid 1px rgba(0, 0, 0, 0.06);
          color: #666;
          line-height: 1.75; }
          .newson .netails .nel .necm .ninp p {
            color: #666;
            line-height: 1.75; }
          .newson .netails .nel .necm .ninp img {
            max-width: 100%; }
      .newson .netails .nel .nob {
        width: 100%;
        margin-top: 0.1rem;
        background-color: #fff;
        padding: 0.3rem 0.4rem;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between; }
        .newson .netails .nel .nob .ntn {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          .newson .netails .nel .nob .ntn a {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 1.5; }
            .newson .netails .nel .nob .ntn a .ic {
              display: inline-block;
              vertical-align: middle;
              width: 7px;
              position: relative;
              top: -0.02rem; }
              .newson .netails .nel .nob .ntn a .ic img {
                width: 100%;
                display: block; }
              .newson .netails .nel .nob .ntn a .ic img:first-child {
                display: block; }
              .newson .netails .nel .nob .ntn a .ic img:last-child {
                display: none; }
        .newson .netails .nel .nob .ntn:hover a {
          color: var(--themes); }
          .newson .netails .nel .nob .ntn:hover a .ic img:first-child {
            display: none; }
          .newson .netails .nel .nob .ntn:hover a .ic img:last-child {
            display: block; }
    .newson .netails .ner {
      display: inline-block;
      vertical-align: top;
      width: calc(400 / 1600 * 100%); }
      .newson .netails .ner .norm {
        position: sticky;
        top: 0.9rem;
        width: 100%; }
        .newson .netails .ner .norm .nop {
          width: 100%;
          font-size: 0;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0.3rem;
          margin-bottom: 1px;
          background-color: #fff; }
          .newson .netails .ner .norm .nop .lx {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            color: #222;
            font-weight: bold;
            line-height: 1.4; }
            .newson .netails .ner .norm .nop .lx span {
              display: inline-block;
              vertical-align: middle;
              position: relative;
              top: -0.02rem;
              width: 3px;
              background-color: var(--themes);
              height: 0.2rem;
              margin-right: 0.1rem; }
          .newson .netails .ner .norm .nop a {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            line-height: 1.5; }
          .newson .netails .ner .norm .nop a:hover {
            color: var(--themes); }
        .newson .netails .ner .norm .norlist {
          width: 100%;
          background-color: #fff;
          padding: 0 0.3rem; }
          .newson .netails .ner .norm .norlist .neam {
            width: 100%;
            display: block;
            border-bottom: dashed 1px #ddd; }
            .newson .netails .ner .norm .norlist .neam a {
              width: 100%;
              display: block;
              padding: 0.25rem 0; }
            .newson .netails .ner .norm .norlist .neam .xt {
              width: 100%;
              color: #222;
              line-height: 1.5;
              margin-bottom: 0.1rem; }
            .newson .netails .ner .norm .norlist .neam .time {
              width: 100%;
              color: #666;
              line-height: 1.5; }
              .newson .netails .ner .norm .norlist .neam .time span {
                display: inline-block;
                vertical-align: middle;
                width: 18px;
                position: relative;
                top: -0.02rem;
                margin-right: 0.1rem; }
                .newson .netails .ner .norm .norlist .neam .time span img {
                  width: 100%;
                  display: block; }
          .newson .netails .ner .norm .norlist .neam:hover .xt {
            color: var(--themes); }
          .newson .netails .ner .norm .norlist .neam:last-child {
            border: none; }

.pages {
  width: 100%;
  padding: 0.22rem 0 0.25rem;
  font-size: 0;
  text-align: center;
  margin-top: 0.2rem; }
  .pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #111;
    font-weight: bold;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 0.05rem 0.1rem; }
  .pages .page.ltn {
    background-image: url("../images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn {
    background-image: url("../images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on {
    background-color: var(--themes);
    color: #fff; }
  .pages .page.ltn:hover {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none; }
  .pages .page.on.ltn {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none; }
  .pages .page.on.rtn {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none; }
  .pages .page.rtn:hover {
    background-image: url("../images/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; }

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 16px;
    margin: 0 0.2rem 0.1rem; } }
.recruit {
  width: 100%;
  padding: 0.9rem 0 1rem;
  background-color: #f3f6f9; }
  .recruit .rinps {
    width: 100%;
    color: #222;
    line-height: 1.75; }
    .recruit .rinps p {
      color: #222;
      line-height: 1.75; }
    .recruit .rinps img {
      max-width: 100%; }
  .recruit .recrulis {
    width: 100%; }
    .recruit .recrulis .reop {
      width: 100%;
      font-size: 0;
      padding: 0.24rem 0.3rem;
      border-bottom: solid 1px #f3f6f9;
      background-color: #fff; }
      .recruit .recrulis .reop .rm {
        display: inline-block;
        vertical-align: middle;
        color: #111;
        font-weight: bold;
        line-height: 1.1; }
    .recruit .recrulis .recom {
      width: 100%;
      background-color: #fff; }
      .recruit .recrulis .recom .row {
        width: 100%;
        font-size: 0; }
        .recruit .recrulis .recom .row a {
          width: 100%;
          padding: 0.2rem 0.4rem;
          font-size: 0;
          display: block; }
        .recruit .recrulis .recom .row .td1 {
          display: inline-block;
          vertical-align: middle;
          width: 50%; }
          .recruit .recrulis .recom .row .td1 span {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            line-height: 1.5; }
          .recruit .recrulis .recom .row .td1 .name {
            width: 100%;
            color: #111;
            line-height: 1.5;
            font-weight: bold;
            display: inline-block;
            vertical-align: middle; }
            .recruit .recrulis .recom .row .td1 .name span {
              display: inline-block;
              vertical-align: middle;
              width: 26px;
              position: relative;
              top: -0.02rem;
              margin-right: 0.1rem; }
              .recruit .recrulis .recom .row .td1 .name span img {
                width: 100%;
                display: block; }
        .recruit .recrulis .recom .row .td2 {
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          width: 20%; }
          .recruit .recrulis .recom .row .td2 span {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            line-height: 1.5; }
        .recruit .recrulis .recom .row .td3 {
          display: inline-block;
          vertical-align: middle;
          text-align: right;
          width: 10%; }
          .recruit .recrulis .recom .row .td3 .tic {
            display: inline-block;
            vertical-align: middle;
            width: 26px; }
            .recruit .recrulis .recom .row .td3 .tic img {
              width: 100%;
              display: block; }
            .recruit .recrulis .recom .row .td3 .tic img:first-child {
              display: block; }
            .recruit .recrulis .recom .row .td3 .tic img:last-child {
              display: none; }
          .recruit .recrulis .recom .row .td3 .tid {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            line-height: 1.5; }
            .recruit .recrulis .recom .row .td4 {
              display: inline-block;
              vertical-align: middle;
              width: 20%;
              text-align: center; }
              .recruit .recrulis .recom .row .td4 span {
                display: inline-block;
                vertical-align: middle;
                color: #999;
                line-height: 1.5; }
        .recruit .recrulis .recom .row a:hover {
          background-color: rgba(0, 0, 0, 0.03); }
          .recruit .recrulis .recom .row a:hover .td1 .name {
            color: var(--themes); }
          .recruit .recrulis .recom .row a:hover .td3 .tic img:first-child {
            display: none; }
          .recruit .recrulis .recom .row a:hover .td3 .tic img:last-child {
            display: block; }
          .recruit .recrulis .recom .row a:hover .td3 .tid {
            color: var(--themes); }
      .recruit .recrulis .recom .row.pd {
        padding: 0.15rem 0.4rem; }
        .recruit .recrulis .recom .row.pd div span{
          color: #111;
          line-height: 1.5;
          font-weight: bold;
        }
      .recruit .recrulis .recom .row + .row {
        border-top: solid 1px #f3f6f9; }
  .recruit .setails {
    width: 100%;
    background-color: #fff; }
    .recruit .setails .setop {
      width: 100%;
      padding: 0.35rem 0.4rem;
      border-bottom: dashed 1px #f3f6f9; }
      .recruit .setails .setop .sit {
        width: 100%;
        color: #111;
        font-weight: bold;
        line-height: 1.3;
        margin-bottom: 0.2rem; }
      .recruit .setails .setop .soem {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center; }
        .recruit .setails .setop .soem .sml {
          display: inline-block;
          vertical-align: middle;
          width: auto; }
          .recruit .setails .setop .soem .sml .xm {
            width: 100%;
            color: #666;
            line-height: 1.5;
            margin-bottom: 0.1rem; }
          .recruit .setails .setop .soem .sml .pim {
            width: 100%;
            font-size: 0; }
            .recruit .setails .setop .soem .sml .pim .pm {
              display: inline-block;
              vertical-align: middle;
              width: auto;
              color: #666;
              line-height: 1.5; }
              .recruit .setails .setop .soem .sml .pim .pm span {
                display: inline-block;
                vertical-align: middle;
                color: #666;
                line-height: 1.5;
                position: relative;
                top: -0.02rem;
                margin: 0 0.16rem; }
            .recruit .setails .setop .soem .sml .pim .pm:last-child span {
              display: none; }
        .recruit .setails .setop .soem .smr {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          font-size: 0; }
          .recruit .setails .setop .soem .smr .stn {
            display: inline-block;
            vertical-align: middle;
            width: auto; }
            .recruit .setails .setop .soem .smr .stn a {
              display: inline-block;
              vertical-align: middle;
              border: solid 1px var(--themes);
              color: var(--themes);
              line-height: 3;
              padding: 0 0.45rem; }
            .recruit .setails .setop .soem .smr .stn a:hover {
              background-color: var(--themes);
              color: #fff; }
          .recruit .setails .setop .soem .smr .stn + .stn {
            margin-left: 0.1rem; }
    .recruit .setails .secont {
      width: 100%;
      padding: 0.4rem; }
      .recruit .setails .secont .sitem {
        width: 100%; }
        .recruit .setails .secont .sitem .siv {
          width: 100%;
          color: #111;
          font-weight: bold;
          line-height: 1.4; }
        .recruit .setails .secont .sitem .lx {
          width: 20px;
          height: 2px;
          background-color: var(--themes);
          display: block;
          margin: 0.15rem 0 0.3rem; }
        .recruit .setails .secont .sitem .sinp {
          width: 100%;
          color: #666;
          line-height: 1.75; }
          .recruit .setails .secont .sitem .sinp p {
            color: #666;
            line-height: 1.75; }
      .recruit .setails .secont .sitem + .sitem {
        margin-top: 0.45rem; }

@media (max-width: 900px) {
  .recruit .recrulis .recom .row .td1 {
    width: calc((100% - 30px - 80px));
    padding-right: 0.15rem; }
  .recruit .recrulis .recom .row .td2 {
    width: calc(80px);
    padding-right: 0.15rem; }
  .recruit .recrulis .recom .row .td4 {
    width: calc((100% - 26px) / 3);
    padding-right: 0.15rem;
    display: none; }
  .recruit .recrulis .recom .row .td3 {
    width: 30px; } }
.partners {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f3f6f9; }
  .partners .partlist {
    width: 100%;
    font-size: 0; }
    .partners .partlist .hogom {
      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; }
      .partners .partlist .hogom a {
        width: 100%;
        display: block; }
      .partners .partlist .hogom .img {
        width: 100%;
        padding-top: 60%;
        transition: all ease 0.5s; }
    .partners .partlist .hogom:nth-child(6n) {
      margin-right: 0; }
    .partners .partlist .hogom:nth-child(6n+1) {
      transition-delay: 0.1s; }
    .partners .partlist .hogom:nth-child(6n+2) {
      transition-delay: 0.2s; }
    .partners .partlist .hogom:nth-child(6n+3) {
      transition-delay: 0.3s; }
    .partners .partlist .hogom:nth-child(6n+4) {
      transition-delay: 0.4s; }
    .partners .partlist .hogom:nth-child(6n+5) {
      transition-delay: 0.5s; }
    .partners .partlist .hogom:nth-child(6n+6) {
      transition-delay: 0.6s; }
    .partners .partlist .hogom:hover .img {
      transform: scale(1.1); }

.compoents {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f3f6f9; }
  .compoents .poentlis {
    width: 100%;
    font-size: 0; }
    .compoents .poentlis .poemd {
      display: inline-block;
      vertical-align: top;
      width: calc(480 / 1600 * 100%);
      margin-right: calc(79 / 1600 * 100%);
      margin-bottom: 0.4rem; }
      .compoents .poentlis .poemd a {
        width: 100%;
        display: block; }
      .compoents .poentlis .poemd .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .compoents .poentlis .poemd .imgs .img {
          width: 100%;
          padding-top: 60%;
          transition: all ease 0.5s; }
      .compoents .poentlis .poemd .vom {
        width: 100%;
        padding: 0.35rem 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.03); }
        .compoents .poentlis .poemd .vom .vt {
          width: 100%;
          color: #222;
          font-weight: bold;
          line-height: 1.5;
          margin-bottom: 0.06rem; }
        .compoents .poentlis .poemd .vom .xim {
          width: 100%;
          color: #666;
          height: 4.5em;
          overflow: auto;
          line-height: 1.5; }
          
          .compoents .poentlis .poemd .vom .xim::-webkit-scrollbar {
              width: 4px;
              height: 4px;
              scrollbar-arrow-color:rgba(0,0,0,.1);
          }
          /*滚动条里面小方块*/
          .compoents .poentlis .poemd .vom .xim::-webkit-scrollbar-thumb {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(0, 94, 217, 0.8);
              background: rgba(0, 94, 217, 0.8);
              scrollbar-arrow-color:rgba(0,0,0,.1);
          }
          /*滚动条里面轨道*/
          .compoents .poentlis .poemd .vom .xim::-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);
          }
    .compoents .poentlis .poemd:nth-child(3n) {
      margin-right: 0; }
    .compoents .poentlis .poemd:hover .imgs .img {
      transform: scale(1.1); }
    .compoents .poentlis .poemd:hover .vom .vt {
      color: var(--themes); }

.rads {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f3f6f9; }
  .rads .rinps {
    width: 100%;
    color: #222;
    line-height: 1.75; }
    .rads .rinps p {
      color: #222;
      line-height: 1.75; }
    .rads .rinps img {
      max-width: 100%; }

.procens {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f3f6f9; }
  .procens .procen {
    width: 100%;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .procens .procen .prl {
      display: inline-block;
      vertical-align: middle;
      width: calc(320 / 1600 * 100%); }
      .procens .procen .prl .prlist {
        width: 100%;
        background-color: #fff; }
        .procens .procen .prl .prlist .prim {
          width: 100%; }
          .procens .procen .prl .prlist .prim .ns {
            width: 100%;
            font-size: 0; }
            .procens .procen .prl .prlist .prim .ns a {
              display: inline-block;
              vertical-align: middle;
              color: #222;
              line-height: 1.3;
              padding: 0.2rem 0.3rem;
              width: 100%; }
        .procens .procen .prl .prlist .prim.on .ns {
          background-color: var(--themes); }
          .procens .procen .prl .prlist .prim.on .ns a {
            color: #fff; }
        .procens .procen .prl .prlist .prim + .prim {
          border-top: solid 1px #f3f6f9; }
    .procens .procen .prr {
      display: inline-block;
      vertical-align: middle;
      width: calc(1250 / 1600 * 100%); }
      .procens .procen .prr .showm {
        width: 100%;
        background-color: #fff; }
        .procens .procen .prr .showm .sop {
          width: 100%;
          font-size: 0;
          padding: 0.25rem 0.4rem;
          border-bottom: solid 1px #f3f6f9; }
          .procens .procen .prr .showm .sop span {
            display: inline-block;
            vertical-align: middle;
            color: #222;
            line-height: 1.5; }
        .procens .procen .prr .showm .scont {
          width: 100%;
          padding: 0.4rem; }
          .procens .procen .prr .showm .scont .soop {
            width: 100%;
            color: #666;
            line-height: 1.75; }
            .procens .procen .prr .showm .scont .soop p {
              color: #666;
              line-height: 1.75; }
          .procens .procen .prr .showm .scont .caslist {
            width: 100%;
            font-size: 0; }
            .procens .procen .prr .showm .scont .caslist .casom {
              width: 100%; }
              .procens .procen .prr .showm .scont .caslist .casom a {
                width: 100%;
                display: block;
                padding: 0.4rem 0;
                border-bottom: dashed 1px #ddd; }
              .procens .procen .prr .showm .scont .caslist .casom .imgs {
                display: inline-block;
                vertical-align: middle;
                width: calc(380 / 1170 * 100%);
                margin-right: calc(50 / 1170 * 100%);
                position: relative;
                overflow: hidden;
                border: solid 1px #eee; }
                .procens .procen .prr .showm .scont .caslist .casom .imgs .img {
                  width: 100%;
                  padding-top: 60%;
                  transition: all ease 0.5s; }
                .procens .procen .prr .showm .scont .caslist .casom .imgs .lx1 {
                  position: absolute;
                  z-index: 1;
                  bottom: 0;
                  right: 0;
                  width: 0;
                  transition: all ease 0.125s;
                  transition-delay: 0.125s;
                  height: 1px;
                  background-color: var(--themes); }
                .procens .procen .prr .showm .scont .caslist .casom .imgs .lx2 {
                  position: absolute;
                  z-index: 1;
                  bottom: 0;
                  right: 0;
                  width: 1px;
                  transition: all ease 0.125s;
                  transition-delay: 0.125s;
                  height: 0px;
                  background-color: var(--themes); }
                .procens .procen .prr .showm .scont .caslist .casom .imgs .lx3 {
                  position: absolute;
                  z-index: 1;
                  bottom: 0;
                  left: 0;
                  width: 1px;
                  transition: all ease 0.125s;
                  height: 0;
                  background-color: var(--themes); }
                .procens .procen .prr .showm .scont .caslist .casom .imgs .lx4 {
                  position: absolute;
                  z-index: 1;
                  top: 0;
                  right: 0;
                  width: 0;
                  transition: all ease 0.125s;
                  height: 1px;
                  background-color: var(--themes); }
              .procens .procen .prr .showm .scont .caslist .casom .eom {
                display: inline-block;
                vertical-align: middle;
                width: calc(735 / 1170 * 100%); }
                .procens .procen .prr .showm .scont .caslist .casom .eom .eit {
                  width: 100%;
                  color: #222;
                  line-height: 1.3;
                  margin-bottom: 0.14rem; }
                .procens .procen .prr .showm .scont .caslist .casom .eom .pims {
                  width: 100%;
                  font-size: 0;
                  margin-bottom: 0.15rem; }
                  .procens .procen .prr .showm .scont .caslist .casom .eom .pims .em {
                    display: inline-block;
                    vertical-align: middle;
                    border: solid 1px #999;
                    border-radius: 5px;
                    padding: 0 0.15rem;
                    margin-right: 0.1rem;
                    margin-bottom: 0.1rem;
                    color: #666;
                    line-height: 2.5; }
                .procens .procen .prr .showm .scont .caslist .casom .eom .xim {
                  width: 100%;
                  color: #666;
                  line-height: 1.5; }
                  .procens .procen .prr .showm .scont .caslist .casom .eom .xim p {
                    color: #666;
                    line-height: 1.5; }
                .procens .procen .prr .showm .scont .caslist .casom .eom .more {
                  width: 100%;
                  font-size: 0;
                  margin-top: 0.24rem; }
                  .procens .procen .prr .showm .scont .caslist .casom .eom .more .lom {
                    display: inline-block;
                    vertical-align: middle;
                    color: #666;
                    line-height: 1.5; }
                    .procens .procen .prr .showm .scont .caslist .casom .eom .more .lom span {
                      display: inline-block;
                      vertical-align: middle;
                      width: 15px;
                      position: relative;
                      top: -0.02rem;
                      margin-left: 0.1rem; }
                      .procens .procen .prr .showm .scont .caslist .casom .eom .more .lom span img {
                        width: 100%;
                        display: block; }
            .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .img {
              transform: scale(1.1); }
            .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx1 {
              width: 100%; }
            .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx1, .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx2 {
              transition-delay: 0; }
            .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx3, .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx4 {
              transition-delay: 0.25s; }
            .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx1, .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx4 {
              width: 100%; }
            .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx2, .procens .procen .prr .showm .scont .caslist .casom:hover .imgs .lx3 {
              height: 100%; }
            .procens .procen .prr .showm .scont .caslist .casom:hover .eom .eit {
              color: var(--themes); }
            .procens .procen .prr .showm .scont .caslist .casom:hover .eom .more .lom {
              color: #005ed9; }
        .procens .procen .prr .showm .scont.nt {
          padding-top: 0; }
      .procens .procen .prr .showm + .showm {
        margin-top: 0.1rem; }

.petails {
  width: 100%;
  font-size: 0;
  padding: 0.8rem 0;
  background-color: #f3f6f9; }
  .petails .petail {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .petails .petail .pel {
      display: inline-block;
      vertical-align: middle;
      width: calc(1170 / 1600 * 100%); }
      .petails .petail .pel .teoms {
        width: 100%;
        background-color: #fff;
        padding: 0.4rem; }
        .petails .petail .pel .teoms .pleom {
          width: 100%;
          font-size: 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: center; }
          .petails .petail .pel .teoms .pleom .imgs {
            width: 100%;
            position: relative;
            overflow: hidden;
            border: solid 1px #ddd; }
            .petails .petail .pel .teoms .pleom .imgs .img {
              width: 100%;
              padding-top: 60%;
              transition: all ease 0.5s; }
            .petails .petail .pel .teoms .pleom .imgs .lx1 {
              position: absolute;
              z-index: 1;
              bottom: 0;
              right: 0;
              width: 0;
              transition: all ease 0.125s;
              transition-delay: 0.125s;
              height: 1px;
              background-color: var(--themes); }
            .petails .petail .pel .teoms .pleom .imgs .lx2 {
              position: absolute;
              z-index: 1;
              bottom: 0;
              right: 0;
              width: 1px;
              transition: all ease 0.125s;
              transition-delay: 0.125s;
              height: 0px;
              background-color: var(--themes); }
            .petails .petail .pel .teoms .pleom .imgs .lx3 {
              position: absolute;
              z-index: 1;
              bottom: 0;
              left: 0;
              width: 1px;
              transition: all ease 0.125s;
              height: 0;
              background-color: var(--themes); }
            .petails .petail .pel .teoms .pleom .imgs .lx4 {
              position: absolute;
              z-index: 1;
              top: 0;
              right: 0;
              width: 0;
              transition: all ease 0.125s;
              height: 1px;
              background-color: var(--themes); }
          .petails .petail .pel .teoms .pleom .erm {
            display: inline-block;
            vertical-align: middle;
            width: calc(485 / 1090 * 100%); }
            .petails .petail .pel .teoms .pleom .erm .eit {
              width: 100%;
              color: #222;
              font-weight: bold;
              line-height: 1.5;
              margin-bottom: 0.1rem; }
            .petails .petail .pel .teoms .pleom .erm .einp {
              width: 100%;
              color: #666;
              line-height: 1.75; }
              .petails .petail .pel .teoms .pleom .erm .einp p {
                color: #666;
                line-height: 1.75; }
          .petails .petail .pel .teoms .pleom .imgsper {
            display: inline-block;
            vertical-align: middle;
            width: calc(545 / 1090 * 100%);
            position: relative;
            overflow: hidden; }
            .petails .petail .pel .teoms .pleom .imgsper .swiper-slide {
              width: 100%;
              position: relative; }
            .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .img {
              transform: scale(1.1); }
            .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx1 {
              width: 100%; }
            .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx1, .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx2 {
              transition-delay: 0; }
            .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx3, .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx4 {
              transition-delay: 0.25s; }
            .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx1, .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx4 {
              width: 100%; }
            .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx2, .petails .petail .pel .teoms .pleom .imgsper .swiper-slide:hover .imgs .lx3 {
              height: 100%; }
              .petails .petail .pel .teoms .pleom .imgsper .swiper-pagination {
                bottom: 0.25rem;
                left: 50%;
                transform: translateX(-50%);
                width: auto; }
              .petails .petail .pel .teoms .pleom .imgsper .swiper-pagination-bullet {
                display: inline-block;
                vertical-align: bottom;
                width: 0.4rem;
                height: 5px;
                border-radius: 0%;
                background-color: #5e9df1;
                opacity: 1;
                margin: 0 0.05rem !important;
                position: relative;
                transition: all ease 0.5s; }
              .petails .petail .pel .teoms .pleom .imgsper .swiper-pagination-bullet-active {
                background-color: var(--themes);opacity: 1; }

        .petails .petail .pel .teoms .tip {
          width: 100%;
          font-size: 0;
          margin-top: 0.4rem;
          display: flex;
          flex-wrap: wrap; }
          .petails .petail .pel .teoms .tip .xm {
            display: inline-block;
            vertical-align: top;
            color: #222;
            width: auto;
            margin-top: 0.6em; }
          .petails .petail .pel .teoms .tip .reom {
            display: inline-block;
            vertical-align: top;
            flex: 1; }
            .petails .petail .pel .teoms .tip .reom .em {
              display: inline-block;
              vertical-align: middle;
              border: solid 1px #999;
              border-radius: 5px;
              padding: 0 0.15rem;
              margin-right: 0.1rem;
              margin-bottom: 0.1rem;
              color: #666;
              line-height: 2.5; }
      .petails .petail .pel .menav {
        width: 100%;
        background-color: #fff;
        padding: 0 0.4rem;
        border-top: solid 1px #f3f6f9;
        border-bottom: solid 1px #f3f6f9;
        font-size: 0; }
        .petails .petail .pel .menav .ems {
          display: inline-block;
          vertical-align: middle;
          line-height: 3.2;
          color: #222;
          position: relative;
          cursor: pointer;
          margin-right: 0.2rem; }
          .petails .petail .pel .menav .ems:after {
            content: ' ';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 0.02rem;
            background-color: var(--themes);
            opacity: 0;
            left: 0;
            right: 0;
            transition: all ease 0.5s; }
        .petails .petail .pel .menav .ems.on, .petails .petail .pel .menav .ems:hover {
          color: var(--themes); }
          .petails .petail .pel .menav .ems.on:after, .petails .petail .pel .menav .ems:hover:after {
            opacity: 1; }
      .petails .petail .pel .mecont {
        width: 100%;
        padding: 0.4rem;
        background-color: #fff; }
        .petails .petail .pel .mecont .minp {
          width: 100%;
          color: #666;
          line-height: 1.75; }
          .petails .petail .pel .mecont .minp p {
            color: #666;
            line-height: 1.75; }
      .petails .petail .pel .yings {
        width: 100%;
        padding: 0.6rem 0.4rem;
        border-top: solid 1px #f3f6f9;
        background-color: #fff; }
        .petails .petail .pel .yings .yeop {
          width: 100%;
          margin-bottom: 0.4rem; }
          .petails .petail .pel .yings .yeop .yit {
            width: 100%;
            color: #222;
            line-height: 1.4;
            text-align: center;
            margin-bottom: 0.1rem; }
          .petails .petail .pel .yings .yeop .lx {
            width: 20px;
            height: 2px;
            background-color: var(--themes);
            margin: 0 auto; }
        .petails .petail .pel .yings .yinpers {
          width: 100%; }
          .petails .petail .pel .yings .yinpers .swiper-container {
            padding-bottom: 0.4rem; }
          .petails .petail .pel .yings .yinpers .swiper-slide {
            width: 100%; }
            .petails .petail .pel .yings .yinpers .swiper-slide .imgs {
              width: 100%;
              position: relative;
              overflow: hidden; }
              .petails .petail .pel .yings .yinpers .swiper-slide .imgs .img {
                width: 100%;
                padding-top: 60%;
                transition: all ease 0.5s; }
            .petails .petail .pel .yings .yinpers .swiper-slide .xim {
              width: 100%;
              text-align: center;
              color: #666;
              line-height: 1.5;
              margin-top: 0.12rem;
              padding: 0 0.1rem; }
          .petails .petail .pel .yings .yinpers .swiper-slide:hover .imgs .img {
            transform: scale(1.1); }
          .petails .petail .pel .yings .yinpers .swiper-slide:hover .xim {
            color: var(--themes); }
          .petails .petail .pel .yings .yinpers .swiper-pagination {
            bottom: 0rem; }
          .petails .petail .pel .yings .yinpers .swiper-pagination-bullet {
            display: inline-block;
            vertical-align: bottom;
            width: 0.4rem;
            height: 3px;
            border-radius: 0%;
            background-color: #f3f6f9;
            opacity: 1;
            margin: 0 0.05rem !important;
            position: relative;
            transition: all ease 0.5s; }
          .petails .petail .pel .yings .yinpers .swiper-pagination-bullet-active {
            background-color: var(--themes); }
    .petails .petail .per {
      display: inline-block;
      vertical-align: middle;
      width: calc(400 / 1600 * 100%); }
      .petails .petail .per .norm {
        position: sticky;
        top: 0.9rem;
        width: 100%; }
        .petails .petail .per .norm .nop {
          width: 100%;
          font-size: 0;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0.3rem;
          margin-bottom: 1px;
          background-color: #fff; }
          .petails .petail .per .norm .nop .lx {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            color: #222;
            font-weight: bold;
            line-height: 1.4; }
            .petails .petail .per .norm .nop .lx span {
              display: inline-block;
              vertical-align: middle;
              position: relative;
              top: -0.02rem;
              width: 3px;
              background-color: var(--themes);
              height: 0.2rem;
              margin-right: 0.1rem; }
          .petails .petail .per .norm .nop a {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            line-height: 1.5; }
          .petails .petail .per .norm .nop a:hover {
            color: var(--themes); }
        .petails .petail .per .norm .norlist {
          width: 100%;
          background-color: #fff;
          padding: 0.3rem 0.3rem 0.2rem; }
          .petails .petail .per .norm .norlist .nrem {
            width: 100%; }
            .petails .petail .per .norm .norlist .nrem a {
              width: 100%;
              display: block; }
            .petails .petail .per .norm .norlist .nrem .imgs {
              display: inline-block;
              vertical-align: middle;
              position: relative;
              overflow: hidden;
              border: solid 1px #eee;
              width: 100%; }
              .petails .petail .per .norm .norlist .nrem .imgs .img {
                width: 100%;
                padding-top: 60%;
                transition: all ease 0.5s; }
              .petails .petail .per .norm .norlist .nrem .imgs .lx1 {
                position: absolute;
                z-index: 1;
                bottom: 0;
                right: 0;
                width: 0;
                transition: all ease 0.125s;
                transition-delay: 0.125s;
                height: 1px;
                background-color: var(--themes); }
              .petails .petail .per .norm .norlist .nrem .imgs .lx2 {
                position: absolute;
                z-index: 1;
                bottom: 0;
                right: 0;
                width: 1px;
                transition: all ease 0.125s;
                transition-delay: 0.125s;
                height: 0px;
                background-color: var(--themes); }
              .petails .petail .per .norm .norlist .nrem .imgs .lx3 {
                position: absolute;
                z-index: 1;
                bottom: 0;
                left: 0;
                width: 1px;
                transition: all ease 0.125s;
                height: 0;
                background-color: var(--themes); }
              .petails .petail .per .norm .norlist .nrem .imgs .lx4 {
                position: absolute;
                z-index: 1;
                top: 0;
                right: 0;
                width: 0;
                transition: all ease 0.125s;
                height: 1px;
                background-color: var(--themes); }
            .petails .petail .per .norm .norlist .nrem .pims {
              width: 100%;
              color: #222;
              margin-top: 0.12rem;
              text-align: center;
              line-height: 1.6; }
          .petails .petail .per .norm .norlist .nrem + .nrem {
            margin-top: 0.15rem; }
          .petails .petail .per .norm .norlist .nrem:hover .imgs .img {
            transform: scale(1.1); }
          .petails .petail .per .norm .norlist .nrem:hover .imgs .lx1 {
            width: 100%; }
          .petails .petail .per .norm .norlist .nrem:hover .imgs .lx1, .petails .petail .per .norm .norlist .nrem:hover .imgs .lx2 {
            transition-delay: 0; }
          .petails .petail .per .norm .norlist .nrem:hover .imgs .lx3, .petails .petail .per .norm .norlist .nrem:hover .imgs .lx4 {
            transition-delay: 0.25s; }
          .petails .petail .per .norm .norlist .nrem:hover .imgs .lx1, .petails .petail .per .norm .norlist .nrem:hover .imgs .lx4 {
            width: 100%; }
          .petails .petail .per .norm .norlist .nrem:hover .imgs .lx2, .petails .petail .per .norm .norlist .nrem:hover .imgs .lx3 {
            height: 100%; }
          .petails .petail .per .norm .norlist .nrem:hover .pims {
            color: var(--themes); }

#fp-nav {
  text-align: right; }
  #fp-nav ul li {
    height: auto;
    margin: 0.1rem 0;
    width: auto; }
    #fp-nav ul li a {
      width: 6px;
      height: 2px;
      display: inline-block;
      vertical-align: middle;
      background-color: rgba(255, 255, 255, 0.7);
      transition: all ease 0.5s; }
      #fp-nav ul li a span {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        position: relative;
        left: 0;
        top: 0;
        border-radius: 0; }
    #fp-nav ul li a.active {
      width: 16px;
      background-color: var(--themes); }

#fp-nav.black ul li a {
  background-color: rgba(0, 0, 0, 0.3); }
#fp-nav.black ul li a.active {
  background-color: var(--themes); }

@media (max-width: 800px) {
  #fp-nav {
    display: none; } }
    .seacrom {
      width: 100%;
      padding: 0.6rem 0;
      background-color: #f3f6f9; }
      .seacrom .key {
        width: 100%;
        font-size: 0;
        text-align: center;
        margin-bottom: 0.2rem; }
        .seacrom .key .tm {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #222;
          line-height: 1.5; }
          .seacrom .key .tm .em {
            display: inline-block;
            color: #ff0000; }
      .seacrom .searnav {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        font-size: 0; }
        .seacrom .searnav .sitem {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          padding: 0.15rem 0.5rem;
          min-width: 2rem;
          cursor: pointer;
          line-height: 1.5;
          background-color: #fff;
          color: #666;
          margin: 0 0.1rem; }
          .seacrom .searnav .sitem .em {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 1.5;
            margin-left: 0.04rem; }
            .seacrom .searnav .sitem .em span {
              color: #ff0000;
              display: inline-block; }
        .seacrom .searnav .sitem.on, .seacrom .searnav .sitem:hover {
          background-color: var(--themes);
          color: #fff; }
          .seacrom .searnav .sitem.on .em, .seacrom .searnav .sitem:hover .em {
            color: #fff; }
      .seacrom .seacont {
        width: 100%;
        margin-top: 0.4rem; }
        .seacrom .seacont .siton {
          width: 100%;
          display: none; }
        .seacrom .seacont .siton.on {
          display: block; }
        .seacrom .seacont .sitm {
          width: 100%; }
          .seacrom .seacont .sitm .tit {
            width: 100%;
            font-size: 0;
            margin-bottom: 0.2rem; }
            .seacrom .seacont .sitm .tit .xtm {
              display: inline-block;
              vertical-align: middle;
              color: #333;
              line-height: 1.5;
              font-weight: bold;
              margin-right: 0.12rem; }
            .seacrom .seacont .sitm .tit .em {
              display: inline-block;
              vertical-align: middle;
              color: #666;
              line-height: 1.5; }
              .seacrom .seacont .sitm .tit .em span {
                color: #ff0000;
                display: inline-block; }
          .seacrom .seacont .sitm .sitmlis {
            width: 100%;
            font-size: 0; }
            .seacrom .seacont .sitm .sitmlis .stli {
              width: 100%;
              font-size: 0;
              background-color: #fff;
              border-radius: 0.1rem; }
              .seacrom .seacont .sitm .sitmlis .stli a {
                width: 100%;
                display: block; }
              .seacrom .seacont .sitm .sitmlis .stli .imgs {
                display: inline-block;
                vertical-align: middle;
                width: 3rem;
                position: relative;
                overflow: hidden;
                border-radius: 0.1rem; }
                .seacrom .seacont .sitm .sitmlis .stli .imgs .img {
                  width: 100%;
                  padding-top: 60%;
                  transition: all ease 0.5s; }
              .seacrom .seacont .sitm .sitmlis .stli .rom {
                display: inline-block;
                vertical-align: middle;
                width: calc(100% - 3rem);
                padding: 0.25rem 0.4rem; }
                .seacrom .seacont .sitm .sitmlis .stli .rom .rit {
                  width: 100%;
                  color: #333;
                  font-weight: bold;
                  line-height: 1.5;
                  margin-bottom: 0.1rem; }
                .seacrom .seacont .sitm .sitmlis .stli .rom .rim {
                  width: 100%;
                  color: #666;
                  line-height: 1.5;
                  margin: 0.1rem 0; }
                  .seacrom .seacont .sitm .sitmlis .stli .rom .rim p {
                    color: #666;
                    line-height: 1.5; }
                .seacrom .seacont .sitm .sitmlis .stli .rom .more {
                  width: 100%;
                  font-size: 0; }
                  .seacrom .seacont .sitm .sitmlis .stli .rom .more span {
                    display: inline-block;
                    vertical-align: middle;
                    border: solid 1px #eee;
                    width: auto;
                    padding: 0 0.4rem;
                    line-height: 2.5;
                    border-radius: 5px; }
            .seacrom .seacont .sitm .sitmlis .stli:hover .imgs .img {
              transform: scale(1.1); }
            .seacrom .seacont .sitm .sitmlis .stli:hover .rom .rit {
              color: var(--themes); }
            .seacrom .seacont .sitm .sitmlis .stli:hover .rom .more span {
              background-color: var(--themes);
              border: solid 1px var(--themes);
              color: #fff; }
            .seacrom .seacont .sitm .sitmlis .stli + .stli {
              margin-top: 0.2rem; }
        .seacrom .seacont .sitm + .sitm {
          margin-top: 0.3rem; }
    
    .red {
      color: #ff0000; }