@charset "UTF-8";

.w1600 {

  width: 16rem;

  margin: 0 auto;

  position: relative;

  font-size: 0;

  max-width: 100%; }



@media (max-width: 1620px) {

  .w1600 {

    width: 90%; } }

@media (max-width: 800px) {

  .w1600 {

    width: 94%; } }

.w1000 {

  width: 10rem;

  margin: 0 auto;

  position: relative;

  font-size: 0;

  max-width: 100%; }



@media (max-width: 1020px) {

  .w1000 {

    width: 90%; } }

@media (max-width: 800px) {

  .w1000 {

    width: 94%; } }

:root {

  --themes: #0094da; }



header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 50;

  transition: all ease 0.5s;

  background-color: #fff; }

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

          header .her .languages .lauges .lashow .ac {

            display: inline-block;

            vertical-align: middle;

            width: 20px;

            height: 20px;

            margin-right: 0.1rem; }

            header .her .languages .lauges .lashow .ac img {

              width: 100%;

              display: none; }

            header .her .languages .lauges .lashow .ac img.on {

              display: block; }

          header .her .languages .lauges .lashow .am {

            color: #222;

            display: inline-block;

            vertical-align: middle;

            width: auto; }

        header .her .languages .lauges .language {

          position: absolute;

          z-index: 20;

          top: 100%;

          width: 100%;

          display: none;

          width: 60px;

          width: 1rem;

          left: 50%;

          transform: translateX(-50%); }

          header .her .languages .lauges .language .latem {

            width: 100%; }

            header .her .languages .lauges .language .latem a {

              width: 100%;

              display: block;

              color: #333;

              padding: 0 0.1rem;

              line-height: 3;

              text-align: center;

              position: relative;

              background: #efefef;

              overflow: hidden; }

              header .her .languages .lauges .language .latem a span {

                display: inline-block;

                vertical-align: middle;

                position: relative;

                z-index: 2; }

              header .her .languages .lauges .language .latem a:after {

                content: "";

                position: absolute;

                width: 140%;

                height: 100%;

                left: -10%;

                top: 0;

                z-index: -1;

                transform: translate(-105%, 0) skew(-20deg);

                background: var(--themes);

                z-index: 1;

                animation: outHover 0.5s ease 1 forwards; }

            header .her .languages .lauges .language .latem a:hover {

              color: #fff; }

              header .her .languages .lauges .language .latem a:hover span {

                color: #fff; }

              header .her .languages .lauges .language .latem a:hover:after {

                animation-name: onHover; }

@keyframes onHover {

  from {

    transform: translate(-110%, 0) skew(-20deg); }

  to {

    transform: translate(0, 0) skew(-20deg); } }

@keyframes outHover {

  from {

    transform: translate(0, 0) skew(-20deg); }

  to {

    transform: translate(110%, 0) skew(-20deg); } }

    header .her .menu {

      display: inline-block;

      vertical-align: middle;

      width: 20px;

      height: 20px;

      cursor: pointer;

      position: relative;

      display: none; }

      header .her .menu img {

        width: 100%;

        display: block; }

      header .her .menu .clk {

        width: 100%;

        height: 100%;

        text-align: center;

        color: #333;

        font-size: 20px;

        line-height: 24px;

        text-align: center;

        position: absolute;

        z-index: 3;

        left: 50%;

        top: 50%;

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

        display: none; }

  header .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.45rem;

    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 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: #222;

          position: relative;

          padding: 0 0.1rem; }

        header nav .natem .nas .xs {

          display: inline-block;

          vertical-align: middle;

          width: 0.1rem;

          margin-left: 0.1rem;

          display: none; }

          header nav .natem .nas .xs img {

            width: 100%;

            display: block; }

          header nav .natem .nas .xs img:first-child {

            display: block; }

          header nav .natem .nas .xs img:last-child {

            display: none; }

        header nav .natem .nas:after {

          content: ' ';

          position: absolute;

          left: 50%;

          bottom: 0rem;

          transform: translateX(-50%);

          opacity: 0;

          width: 100%;

          height: 3px;

          background-color: var(--themes);

          transition: all ease 0.5s;

          width: 0; }

      header nav .natem .navuls {

        width: 2.2rem;

        width: 1.8rem;

        position: absolute;

        z-index: 101;

        left: calc(51%);

        top: 100%;

        transform: translateX(-50%);

        background-color: white;

        display: none; }

        header nav .natem .navuls ul {

          width: 100%; }

          header nav .natem .navuls ul li {

            width: 100%;

            position: relative; }

            header nav .natem .navuls ul li .njm {

              width: 100%;

              font-size: 0;

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

            header nav .natem .navuls ul li .ns {

              width: 100%;

              display: inline-block;

              vertical-align: middle;

              line-height: 3;

              color: #222;

              text-align: left;

              text-overflow: ellipsis;

              overflow: hidden;

              white-space: nowrap;

              padding: 0 0.1rem;

              position: relative;

              text-align: center;

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

            header nav .natem .navuls ul li .theul {

              width: 100%;

              background-color: #fff;

              display: none; }

              header nav .natem .navuls ul li .theul li {

                width: 100%;

                font-size: 0; }

                header nav .natem .navuls ul li .theul li .xn {

                  display: inline-block;

                  vertical-align: middle;

                  color: #333;

                  line-height: 2.5;

                  padding: 0 0.2rem; }

                header nav .natem .navuls ul li .theul li .xn:hover {

                  color: #333; }

          header nav .natem .navuls ul li:hover .ns {

            background-color: var(--themes);

            color: #fff; }

          header nav .natem .navuls ul li.has-the:after {

            content: "+";

            display: inline-block;

            width: 36px;

            height: 36px;

            line-height: 36px;

            text-align: center;

            position: absolute;

            background: none;

            right: 0;

            left: auto;

            transform: translateX(0);

            top: 0.05rem;

            font-size: 20px;

            color: #333;

            border: none;

            display: none; }

          header nav .natem .navuls ul li.has-the.show:after {

            content: "-"; }

      header nav .natem .longul {

        position: fixed;

        top: calc(0.9rem);

        left: 0;

        right: 0;

        background-color: #fff;

        width: 100%;

        box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06);

        z-index: 50;

        display: none;

        border-top: solid 1px #e6e6e6; }

        header nav .natem .longul .longm {

          width: 100%;

          font-size: 0;

          display: flex;

          justify-content: space-between; }

          header nav .natem .longul .longm .lgl {

            display: inline-block;

            vertical-align: middle;

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

            padding: 0.4rem 0;

            padding-right: 0.5rem; }

            header nav .natem .longul .longm .lgl .prlist {

              width: 100%; }

              header nav .natem .longul .longm .lgl .prlist .pli {

                width: 100%;

                border-bottom: solid 1px #eee;

                cursor: pointer; }

                header nav .natem .longul .longm .lgl .prlist .pli .ns {

                  width: 100%;

                  font-size: 0;

                  display: flex;

                  align-items: center;

                  justify-content: space-between; }

                  header nav .natem .longul .longm .lgl .prlist .pli .ns a {

                    display: inline-block;

                    vertical-align: middle;

                    color: #222;

                    font-weight: bold;

                    line-height: 3;

                    width: auto; }

                  header nav .natem .longul .longm .lgl .prlist .pli .ns span {

                    display: inline-block;

                    vertical-align: middle;

                    color: #777;

                    line-height: 1.5; }

              header nav .natem .longul .longm .lgl .prlist .pli.on .ns a, header nav .natem .longul .longm .lgl .prlist .pli.on .ns span {

                color: var(--themes); }

          header nav .natem .longul .longm .lgr {

            display: inline-block;

            vertical-align: middle;

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

            padding: 0.4rem 0;

            padding-left: 0.5rem;

            border-left: solid 1px #e6e6e6; }

            header nav .natem .longul .longm .lgr .lgrlist {

              width: 100%;

              font-size: 0;

              text-align: left;

              overflow: auto; }

              header nav .natem .longul .longm .lgr .lgrlist .lgam {

                display: inline-block;

                vertical-align: top;

                width: calc(194 / 1275 * 100%);

                margin-right: calc(22 / 1275 * 100%);

                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 .imgs {

                  width: 100%;

                  position: relative;

                  overflow: hidden; }

                  header nav .natem .longul .longm .lgr .lgrlist .lgam .imgs .img {

                    width: 100%;

                    padding-top: 55.67%;

                    transition: all ease 0.5s; }

                header nav .natem .longul .longm .lgr .lgrlist .lgam .xim {

                  width: 100%;

                  text-align: center;

                  color: #222;

                  line-height: 1.5;

                  margin-top: 0.06rem; }

              header nav .natem .longul .longm .lgr .lgrlist .lgam:hover .imgs .img {

                transform: scale(1.1); }

              header nav .natem .longul .longm .lgr .lgrlist .lgam:hover .xim {

                color: var(--themes); }

              header nav .natem .longul .longm .lgr .lgrlist .lgam:nth-child(6n) {

                margin-right: 0; }

            header nav .natem .longul .longm .lgr .logrem {

              width: 100%;

              display: none; }

            header nav .natem .longul .longm .lgr .logrem.on {

              display: block; }

    header nav .natem.has-nav .nas .xs {

      display: inline-block; }

    header nav .natem.on .nas a {

      color: var(--themes); }

    header nav .natem.on .nas .xs img:first-child {

      display: none; }

    header nav .natem.on .nas .xs img:last-child {

      display: block; }

    header nav .natem:hover .nas a {

      color: var(--themes); }

    header nav .natem:hover .nas .xs img:first-child {

      display: none; }

    header nav .natem:hover .nas .xs img:last-child {

      display: block; }



@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 .header {

    align-items: center;

    padding: 0.1rem 3%; }

  header nav {

    width: 100%;

    position: fixed;

    right: 0;

    top: calc(0.9rem);

    left: auto;

    height: calc(100vh - 0.9rem);

    background-color: #fff;

    margin-right: 0;

    overflow: auto;

    z-index: 500;

    transition: transform .3s;

    padding-left: 0.1rem;

    padding: 0.1rem;

    display: block;

    text-align: left;

    display: none;

    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 .her .menu {

    width: 30px;

    height: 30px;

    display: inline-block; }

    header .her .menu .clk {

      line-height: 30px; }

  header .her .search {

    width: 16px; }

    header .her .search .sc {

      width: 16px; }

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

footer {

  width: 100%;

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

  footer .ftop {

    width: 100%;

    padding: 0.8rem 0 0.4rem; }

  footer .fop {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    footer .fop .fit {

      width: 100%;

      font-size: 0;

      margin-bottom: 0.15rem; }

      footer .fop .fit a {

        display: inline-block;

        vertical-align: middle;

        color: #fff;

        line-height: 1.4;

        transition: all ease 0.5s;

        padding: 0.06rem 0; }

      footer .fop .fit a:hover {

        color: var(--themes); }

    footer .fop .fol {

      display: inline-block;

      vertical-align: middle;

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

      footer .fop .fol .flist {

        display: inline-block;

        vertical-align: top;

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

        padding-right: 0.15rem;

        text-align: left; }

        footer .fop .fol .flist .ful {

          width: 100%;

          padding-right: 0.2rem; }

          footer .fop .fol .flist .ful a {

            width: 100%;

            display: inline-block;

            vertical-align: top;

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

            transition: all ease 0.5s;

            line-height: 2;

            line-height: 1.5;

            padding: 0.05rem 0; }

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

            color: #fff; }

          footer .fop .fol .flist .ful div {

            width: 100%;

            display: inline-block;

            vertical-align: middle;

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

            line-height: 2;

            transition: all ease 0.5s; }

    footer .fop .for {

      display: inline-block;

      vertical-align: middle;

      width: auto;

      text-align: right; }

      footer .fop .for .fod {

        width: 100%;

        display: block; }

      footer .fop .for .fum {

        width: 100%;

        color: #fff;

        line-height: 1.5; }

        footer .fop .for .fum span {

          display: inline-block;

          vertical-align: middle;

          width: 16px;

          position: relative;

          top: -0.02rem;

          margin-right: 0.1rem; }

          footer .fop .for .fum span img {

            width: 100%;

            display: block; }

      footer .fop .for .umd {

        width: 100%;

        color: #fff;

        font-weight: bold;

        line-height: 1.1;

        margin: 0.15rem 0 0.25rem; }

      footer .fop .for .share {

        width: 100%;

        font-size: 0; }

        footer .fop .for .share .am {

          display: inline-block;

          vertical-align: middle;

          width: 44px;

          height: 44px;

          border-radius: 50%;

          background-color: #1c3246; }

          footer .fop .for .share .am a, footer .fop .for .share .am img {

            width: 100%;

            display: block; }

        footer .fop .for .share .am:hover {

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

        footer .fop .for .share .am + .am {

          margin-left: 0.1rem; }

      footer .fop .for .fog {

        width: 100%;

        font-size: 0;

        margin-top: 0.4rem; }

        footer .fop .for .fog .cm {

          width: 100%;

          font-size: 0; }

          footer .fop .for .fog .cm img {

            display: inline-block;

            vertical-align: middle;

            width: 1.15rem; }

        footer .fop .for .fog .xc {

          width: 100%;

          color: rgba(153, 153, 153, 0.4);

          line-height: 1.5;

          margin-top: 0.1rem; }

  footer .fbot {

    width: 100%;

    padding: 0.35rem 0;

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

  footer .fob {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between; }

    footer .fob .fm {

      display: inline-block;

      vertical-align: middle;

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

      line-height: 1.5; }



@media (max-width: 800px) {

  footer .ftop {

    padding: 0.3rem 0; }

    footer .ftop .fol {

      width: 100%; }

      footer .ftop .fol .fit {

        width: 100%;

        margin-bottom: 0;

        padding: 0.3rem 0; }

        footer .ftop .fol .fit a {

          font-size: 16px; }

      footer .ftop .fol .flist {

        width: 100%;

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

        position: relative; }

        footer .ftop .fol .flist .ful {

          width: 100%;

          font-size: 0;

          padding-bottom: 0.15rem;

          display: none; }

          footer .ftop .fol .flist .ful a {

            line-height: 2; }

      footer .ftop .fol .flist:first-child {

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

      footer .ftop .fol .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 .ftop .fol .flist.has-ful.show:after {

        content: " ";

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

    footer .ftop .for {

      width: 100%;

      display: flex;

      align-items: center;

      justify-content: space-between;

      text-align: left;

      padding: 0.3rem 0; }

      footer .ftop .for .fod {

        display: inline-block;

        vertical-align: middle;

        width: auto; }

      footer .ftop .for .fog {

        width: auto;

        display: inline-block;

        vertical-align: middle;

        text-align: center; } }

.modular {

  width: 100%; }

  .modular .mitop {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 0.5rem;

    font-size: 0; }

    .modular .mitop .mol {

      display: inline-block;

      vertical-align: middle;

      width: auto; }

      .modular .mitop .mol .em {

        width: 100%;

        color: var(--themes);

        line-height: 1.5; }

      .modular .mitop .mol .cm {

        width: 100%;

        color: #222;

        font-weight: bold;

        line-height: 1.3; }

    .modular .mitop .mor {

      display: inline-block;

      vertical-align: middle;

      width: auto; }

      .modular .mitop .mor .ritem {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        font-size: 0; }

        .modular .mitop .mor .ritem .riem {

          display: inline-block;

          vertical-align: middle;

          border: solid 1px #e5e5e5;

          background-color: #fff;

          padding: 0 0.35rem;

          line-height: 3;

          border-radius: 1.5em;

          cursor: pointer; }

        .modular .mitop .mor .ritem .riem.on, .modular .mitop .mor .ritem .riem:hover {

          background-color: var(--themes);

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

          color: #fff; }

        .modular .mitop .mor .ritem .riem + .riem {

          margin-left: 0.1rem; }

      .modular .mitop .mor .more {

        display: inline-block;

        vertical-align: middle; }

        .modular .mitop .mor .more a {

          display: inline-block;

          vertical-align: middle;

          background-color: var(--themes);

          color: #fff;

          line-height: 3;

          width: auto;

          padding: 0 0.45rem;

          transition: all ease 0.5s; }

        .modular .mitop .mor .more a:hover {

          transform: scale(1.05); }

  .modular .mitop.mid {

    text-align: center; }

    .modular .mitop.mid .mol {

      width: 100%; }



.modular.white .mitop .mol .em, .modular.white .mitop .mol .cm {

  color: #fff; }



.newsm {

  width: 100%;

  background-color: #f9f9fc;

  padding: 1rem 0;

  overflow: hidden; }

  .newsm .newcont {

    width: 100%;

    font-size: 0; }

    .newsm .newcont .netam {

      width: 100%;

      display: none; }

    .newsm .newcont .netam.on {

      display: block; }

    .newsm .newcont .mevam {

      width: 100%;

      font-size: 0;

      display: flex;

      flex-wrap: wrap;

      background-color: #ffffff;

      box-shadow: 0px 1px 40px 0px rgba(15, 69, 141, 0.27); }

      .newsm .newcont .mevam .mel {

        display: inline-block;

        vertical-align: middle;

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

        position: relative; }

        .newsm .newcont .mevam .mel a {

          width: 100%;

          display: block; }

        .newsm .newcont .mevam .mel .imgs {

          width: 100%;

          position: relative;

          overflow: hidden; }

          .newsm .newcont .mevam .mel .imgs .img {

            width: 100%;

            padding-top: 74.28%;

            transition: all ease 0.5s; }

        .newsm .newcont .mevam .mel .sic {

          position: absolute;

          bottom: 0;

          left: 1.1rem;

          z-index: 2;

          display: inline-block;

          vertical-align: middle;

          width: auto;

          padding: 0 0.6rem;

          background-color: var(--themes);

          color: #fff;

          line-height: 3;

          transform: translateY(50%); }

      .newsm .newcont .mevam .mel:hover .imgs .img {

        transform: scale(1.1); }

      .newsm .newcont .mevam .mer {

        display: inline-block;

        vertical-align: middle;

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

        background-color: #fff;

        padding: 0 0.6rem;

        display: flex;

        flex-wrap: wrap;

        flex-direction: column; }

        .newsm .newcont .mevam .mer .miem {

          width: 100%;

          flex: 1;

          position: relative; }

          .newsm .newcont .mevam .mer .miem:after {

            content: ' ';

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            width: 0.6rem;

            height: 0.03rem;

            background-color: var(--themes);

            opacity: 0;

            transition: all ease 0.5s;

            right: calc( 100% ); }

        .newsm .newcont .mevam .mer .miem + .miem {

          border-top: solid 1px #ddd; }

        .newsm .newcont .mevam .mer a {

          width: 100%;

          height: 100%;

          display: flex;

          align-items: center;

          flex-wrap: wrap;

          align-items: center;

          position: relative;

          left: 0;

          transition: all ease 0.5s; }

        .newsm .newcont .mevam .mer .time {

          display: inline-block;

          vertical-align: middle;

          color: #333;

          width: 1.2rem; }

          .newsm .newcont .mevam .mer .time span {

            display: inline-block;

            color: #333;

            font-weight: bold; }

        .newsm .newcont .mevam .mer .rem {

          display: inline-block;

          vertical-align: middle;

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

          .newsm .newcont .mevam .mer .rem .xm {

            width: 100%;

            color: #000;

            font-weight: bold;

            line-height: 1.3; }

          .newsm .newcont .mevam .mer .rem .nn {

            width: 100%;

            color: #666;

            line-height: 1.5;

            height: 0em;

            overflow: hidden;

            transition: all ease 0.5s; }

        .newsm .newcont .mevam .mer .miem:hover:after {

          opacity: 1;

          right: calc( 100% + 0.4rem); }

        .newsm .newcont .mevam .mer .miem:hover a {

          left: -0.3rem; }

        .newsm .newcont .mevam .mer .miem:hover .time {

          color: var(--themes); }

          .newsm .newcont .mevam .mer .miem:hover .time span {

            color: var(--themes); }

        .newsm .newcont .mevam .mer .miem:hover .rem .xm {

          color: var(--themes); }

        .newsm .newcont .mevam .mer .miem:hover .rem .nn {

          height: 1.5em;

          margin-top: 0.05rem; }



@media (max-width: 800px) {

  .newsm .newcont .mevam .mer .miem {

    padding: 20px 0; } }

.recommend {

  width: 100%;

  padding: 1rem 0;

  overflow: hidden;

  background-color: #fff; }

  .recommend .recomd {

    width: 100%;

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

    font-size: 0;

    flex-wrap: wrap;

    display: flex; }

    .recommend .recomd .rel {

      display: inline-block;

      vertical-align: middle;

      width: calc(940 / 1760 * 100%);

      position: relative; }

      .recommend .recomd .rel .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .recommend .recomd .rel .imgs .img {

          width: 100%;

          padding-top: 79.78%; }

      .recommend .recomd .rel .pic {

        position: absolute;

        z-index: 2;

        right: calc(80 / 1920 * 100%);

        bottom: 0.4rem;

        width: calc(548 / 940 * 100%);

        overflow: hidden; }

        .recommend .recomd .rel .pic .img {

          width: 100%;

          padding-top: 100%; }

      .recommend .recomd .rel .xog {

        position: absolute;

        top: 40%;

        transform: translateY(-50%);

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

        z-index: 4;

        width: calc(80% ); }

        .recommend .recomd .rel .xog .xt {

          width: 100%;

          color: #fff;

          font-weight: bold;

          line-height: 1.5;

          margin-bottom: 0.2rem; }

        .recommend .recomd .rel .xog .xuls {

          width: 100%; }

          .recommend .recomd .rel .xog .xuls .xli {

            width: 100%;

            font-size: 0;

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

            padding: 0.1rem 0.2rem; }

            .recommend .recomd .rel .xog .xuls .xli .xd {

              display: inline-block;

              vertical-align: top;

              width: 0.12rem;

              height: 0.12rem;

              margin-right: 0.1rem;

              border-radius: 50%;

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

              position: relative;

              margin-top: calc(0.75em - 0.06rem); }

              .recommend .recomd .rel .xog .xuls .xli .xd:after {

                content: ' ';

                position: absolute;

                width: 0.06rem;

                height: 0.06rem;

                left: 50%;

                top: 50%;

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

                background-color: #fff;

                border-radius: 50%;

                z-index: 1; }

            .recommend .recomd .rel .xog .xuls .xli .ad {

              display: inline-block;

              vertical-align: top;

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

              line-height: 1.5;

              color: #fff; }

          .recommend .recomd .rel .xog .xuls .xli + .xli {

            margin-top: 0.14rem; }

        .recommend .recomd .rel .xog .more {

          width: 100%;

          font-size: 0;

          margin-top: 0.6rem; }

          .recommend .recomd .rel .xog .more a {

            display: inline-block;

            vertical-align: middle;

            background-color: #fff;

            color: var(--themes);

            line-height: 3;

            width: auto;

            padding: 0 0.4rem;

            transition: all ease 0.5s; }

          .recommend .recomd .rel .xog .more a:hover {

            transform: scale(1.05); }

    .recommend .recomd .rer {

      display: inline-block;

      vertical-align: middle;

      width: calc(820 / 1760 * 100%);

      display: flex;

      flex-wrap: wrap; }

      .recommend .recomd .rer .reom {

        width: 50%;

        height: 50%;

        position: relative;

        background-color: #fff;

        border: solid 1px #eeeeee;

        transition: all ease 0.5s; }

        .recommend .recomd .rer .reom a {

          width: 100%;

          height: 100%;

          display: flex; }

        .recommend .recomd .rer .reom .pic {

          width: calc(196 / 410 * 100%);

          display: inline-block;

          vertical-align: middle;

          position: absolute;

          z-index: 2;

          right: 0.26rem;

          bottom: 0.26rem;

          overflow: hidden; }

          .recommend .recomd .rer .reom .pic .img {

            width: 100%;

            padding-top: 100%; }

        .recommend .recomd .rer .reom .vox {

          position: absolute;

          left: 0;

          top: 0;

          z-index: 3;

          padding: 0.7rem 0.3rem 0.3rem;

          width: 100%; }

          .recommend .recomd .rer .reom .vox .vt {

            width: 100%;

            color: #222;

            line-height: 1.1;

            font-weight: bold;

            margin-bottom: 0.18rem; }

            .recommend .recomd .rer .reom .vox .vt p {

              color: #222;

              line-height: 1.1; }

          .recommend .recomd .rer .reom .vox .duls {

            width: 100%;

            overflow: auto;

            height: 1.2rem;

            max-width: 1.2rem;

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

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

            .recommend .recomd .rer .reom .vox .duls::-webkit-scrollbar {

              width: 4px;

              height: 4px;

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

            .recommend .recomd .rer .reom .vox .duls::-webkit-scrollbar-thumb {

              border-radius: 10px;

              -webkit-box-shadow: inset 0 0 10px rgba(0, 148, 218, 0.8);

              background: rgba(0, 148, 218, 0.8);

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

            .recommend .recomd .rer .reom .vox .duls::-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); }

            .recommend .recomd .rer .reom .vox .duls .dli {

              width: 100%;

              font-size: 0;

              padding: 0.02rem 0; }

              .recommend .recomd .rer .reom .vox .duls .dli .xs {

                display: inline-block;

                vertical-align: top;

                width: 0.12rem;

                height: 0.12rem;

                margin-right: 0.1rem;

                border-radius: 50%;

                background-color: rgba(153, 153, 153, 0.3);

                position: relative;

                margin-top: calc(0.75em - 0.06rem); }

                .recommend .recomd .rer .reom .vox .duls .dli .xs:after {

                  content: ' ';

                  position: absolute;

                  width: 0.06rem;

                  height: 0.06rem;

                  left: 50%;

                  top: 50%;

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

                  background-color: #999;

                  border-radius: 50%;

                  z-index: 1; }

              .recommend .recomd .rer .reom .vox .duls .dli .xn {

                display: inline-block;

                vertical-align: top;

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

                line-height: 1.5;

                color: #666; }

      .recommend .recomd .rer .reom:nth-child(2) {

        border-left: none; }

      .recommend .recomd .rer .reom:nth-child(3) {

        border-top: none; }

      .recommend .recomd .rer .reom:nth-child(4) {

        border-top: none;

        border-left: none; }

      .recommend .recomd .rer .reom:hover {

        background-color: #eee; }

        .recommend .recomd .rer .reom:hover .vox .vt {

          color: var(--themes); }

          .recommend .recomd .rer .reom:hover .vox .vt p {

            color: var(--themes); }



@media (max-width: 800px) {

  .recommend .recomd {

    padding-right: 0; }

    .recommend .recomd .rel {

      width: 100%; }

      .recommend .recomd .rel .xog {

        padding: 0.6rem;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        width: 100%;

        height: 100%;

        transform: translateY(0);

        display: flex;

        align-content: center;

        flex-wrap: wrap; }

    .recommend .recomd .rer {

      width: 100%; }

      .recommend .recomd .rer .reom {

        width: 50%;

        height: 4.5rem; }

        .recommend .recomd .rer .reom .vox {

          height: 100%;

          padding: 0.4rem 0.3rem;

          display: flex;

          align-items: center;

          flex-wrap: wrap; }

          .recommend .recomd .rer .reom .vox .duls {

            height: 2rem;

            max-width: 1.5rem; } }

.banner {

  width: 100%;

  position: relative; }

  .banner .swiper-slide {

    width: 100%;

    position: relative; }

    .banner .swiper-slide .imgs {

      width: 100%;

      position: relative;

      overflow: hidden; }

      .banner .swiper-slide .imgs .img {

        width: 100%;

        padding-top: 44.0625%; }

    .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-top: 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: var(--themes);

          color: #fff;

          line-height: 3;

          transition: all ease 0.5s; }

        .banner .swiper-slide .box .more a:hover {

          transform: scale(1.05); }

  .banner .btn {

    display: inline-block;

    vertical-align: middle;

    width: 0.7rem;

    height: 0.7rem;

    border-radius: 50%;

    background-color: transparent;

    border: solid 1px #fff;

    cursor: pointer;

    position: absolute;

    z-index: 2;

    top: 50%;

    transform: translateY(-50%);

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }

    .banner .btn img {

      width: 100%;

      display: block; }

  .banner .btn:hover {

    background-color: var(--themes);

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

  .banner .bl {

    left: 0.7rem; }

  .banner .br {

    right: 0.7rem; }

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

  .banner .swiper-pagination-bullet {

    display: inline-block;

    vertical-align: middle;

    width: 0.44rem;

    height: 0.44rem;

    border-radius: 50%;

    opacity: 1;

    margin: 0 0.1rem !important;

    position: relative;

    border: solid 1px transparent;

    background-color: transparent; }

    .banner .swiper-pagination-bullet:after {

      content: ' ';

      position: absolute;

      left: 50%;

      top: 50%;

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

      border-radius: 50%;

      width: 5px;

      height: 5px;

      background-color: #fff; }

  .banner .swiper-pagination-bullet-active {

    border: solid 1px #fff; }



@media (max-width: 1520px) {

  .banner .btn {

    width: 0.55rem;

    height: 0.55rem; }

  .banner .bl {

    left: 1.5%; }

  .banner .br {

    right: 1.5%; } }

@media (max-width: 800px) {

  .banner .swiper-slide .imgs .img {

    padding-top: 60%; }

  .banner .bl {

    left: 1.5%; }

  .banner .br {

    right: 1.5%; } }

.procents {

  width: 100%;

  padding: 1.1rem 0;

  overflow: hidden; }

  .procents .procem {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .procents .procem .prol {

      display: inline-block;

      vertical-align: middle;

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

      .procents .procem .prol .prolper {

        width: 100%;

        position: relative; }

        .procents .procem .prol .prolper .swiper-slide {

          width: 100%;

          font-size: 0;

          padding: 0.2rem 0 0.15rem;

          border-bottom: solid 2px #c9c9c9;

          cursor: pointer; }

          .procents .procem .prol .prolper .swiper-slide .sm {

            display: inline-block;

            vertical-align: middle;

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

            color: #bfbfbf;

            line-height: 1.5;

            margin-right: 0.2rem;

            transition: all ease 0.5s; }

          .procents .procem .prol .prolper .swiper-slide .rc {

            display: inline-block;

            vertical-align: middle;

            width: 0.3rem;

            height: 0.3rem;

            border-radius: 50%;

            background-color: #bfbfbf;

            transition: all ease 0.5s; }

            .procents .procem .prol .prolper .swiper-slide .rc img {

              width: 100%;

              display: block; }

        .procents .procem .prol .prolper .swiper-slide.on, .procents .procem .prol .prolper .swiper-slide:hover {

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

          .procents .procem .prol .prolper .swiper-slide.on .sm, .procents .procem .prol .prolper .swiper-slide:hover .sm {

            color: #222; }

          .procents .procem .prol .prolper .swiper-slide.on .rc, .procents .procem .prol .prolper .swiper-slide:hover .rc {

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

        .procents .procem .prol .prolper .btn {

          position: absolute;

          top: 100%;

          width: 100%;

          font-size: 0;

          text-align: center;

          padding-top: 0.15rem;

          left: 0; }

          .procents .procem .prol .prolper .btn span {

            display: inline-block;

            vertical-align: middle;

            width: 0.3rem;

            height: 0.3rem;

            border-radius: 50%;

            cursor: pointer;

            background-color: #bfbfbf; }

            .procents .procem .prol .prolper .btn span img {

              width: 100%;

              display: block; }

          .procents .procem .prol .prolper .btn span:hover {

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

    .procents .procem .pror {

      display: inline-block;

      vertical-align: middle;

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

      .procents .procem .pror .centsm {

        width: 100%; }

        .procents .procem .pror .centsm .ceitm {

          width: 100%;

          display: none; }

        .procents .procem .pror .centsm .ceitm.on {

          display: block; }

      .procents .procem .pror .pmgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .procents .procem .pror .pmgs .img {

          width: 100%;

          padding-top: 51.37%; }

      .procents .procem .pror .netpers {

        width: 100%;

        position: relative;

        margin-top: 0.3rem; }

        .procents .procem .pror .netpers .swiper-slide {

          width: 100%;

          position: relative; }

          .procents .procem .pror .netpers .swiper-slide a {

            width: 100%;

            display: block; }

          .procents .procem .pror .netpers .swiper-slide .imgs {

            width: 100%;

            position: relative;

            overflow: hidden; }

            .procents .procem .pror .netpers .swiper-slide .imgs .img {

              width: 100%;

              padding-top: 57.14%;

              transition: all ease 0.5s; }

          .procents .procem .pror .netpers .swiper-slide .vom {

            width: 100%;

            background-color: #eeeeee;

            padding: 0.1rem 0.2rem;

            padding-right: 0.8rem;

            position: relative; }

            .procents .procem .pror .netpers .swiper-slide .vom .vd {

              width: 100%;

              color: #222;

              line-height: 1.6; }

            .procents .procem .pror .netpers .swiper-slide .vom .ric {

              position: absolute;

              z-index: 2;

              right: 0.13rem;

              width: 0.65rem;

              top: -0.06rem; }

              .procents .procem .pror .netpers .swiper-slide .vom .ric img {

                width: 100%;

                display: block; }

        .procents .procem .pror .netpers .swiper-slide:hover .imgs .img {

          transform: scale(1.1); }



@media (max-width: 800px) {

  .procents .procem .prol {

    width: 100%;

    margin-bottom: 0.2rem; }

    .procents .procem .prol .prolper {

      padding-right: 0.4rem; }

      .procents .procem .prol .prolper .btn {

        top: 50%;

        transform: translateY(-50%);

        right: 0;

        width: auto;

        left: auto; }

        .procents .procem .prol .prolper .btn span {

          transform: rotate(-90deg); }

      .procents .procem .prol .prolper .swiper-slide {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        margin-right: 0.2rem;

        padding: 0.15rem 0; }

        .procents .procem .prol .prolper .swiper-slide .sm {

          width: 100%;

          margin-right: 0;

          font-size: 16px;

          line-height: 2; }

        .procents .procem .prol .prolper .swiper-slide .rc {

          display: none; }

  .procents .procem .pror {

    width: 100%; } }

.abouts {

  width: 100%;

  position: relative;

  overflow: hidden; }

  .abouts .imgs {

    width: 100%;

    position: absolute;

    z-index: 1;

    overflow: hidden;

    left: 0;

    top: 0;

    height: 100%; }

    .abouts .imgs .img {

      width: 100%;

      width: 100%;

      height: 100%; }

  .abouts .abtom {

    width: 100%;

    display: flex;

    justify-content: flex-end;

    position: relative;

    z-index: 2; }

    .abouts .abtom .btom {

      display: inline-block;

      vertical-align: middle;

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

      background-color: #fff;

      padding: 0.8rem calc(160 / 1920 * 100%) 0.45rem calc(100 / 1920 * 100%); }

      .abouts .abtom .btom .mitop {

        margin-bottom: 0.3rem; }

        .abouts .abtom .btom .mitop .lx {

          display: block;

          width: 0.3rem;

          height: 0.03rem;

          margin-top: 0.15rem;

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

      .abouts .abtom .btom .binp {

        width: 100%;

        color: #666;

        line-height: 1.5; }

        .abouts .abtom .btom .binp p {

          color: #666;

          line-height: 1.5; }

      .abouts .abtom .btom .btns {

        width: 100%;

        margin-top: 0.5rem;

        font-size: 0; }

        .abouts .abtom .btom .btns a {

          display: inline-block;

          vertical-align: middle;

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

          color: var(--themes);

          line-height: 3;

          text-align: center;

          min-width: 1.8rem;

          padding: 0 0.4rem;

          background-color: transparent; }

        .abouts .abtom .btom .btns a:hover {

          background-color: var(--themes);

          color: #fff; }

        .abouts .abtom .btom .btns a + a {

          margin-left: 0.3rem; }

  .abouts .strength {

    width: 100%;

    display: flex;

    justify-content: flex-end;

    position: relative;

    z-index: 2; }

    .abouts .strength .stom {

      display: inline-block;

      vertical-align: middle;

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

      background-color: rgba(243, 244, 247, 0.9);

      padding: 0.7rem calc(160 / 1920 * 100%) 0.7rem 0.8rem; }

      .abouts .strength .stom .stop {

        width: 100%;

        margin-bottom: 0.3rem; }

        .abouts .strength .stom .stop .tm {

          width: 100%;

          color: #222;

          font-weight: bold;

          line-height: 1.1; }

        .abouts .strength .stom .stop .xm {

          width: 100%;

          color: #666;

          line-height: 1.5; }

      .abouts .strength .stom .sropers {

        width: 100%;

        position: relative; }

        .abouts .strength .stom .sropers .swiper-slide {

          width: 100%;

          position: relative; }

          .abouts .strength .stom .sropers .swiper-slide .imgs {

            width: 100%;

            position: relative;

            overflow: hidden; }

            .abouts .strength .stom .sropers .swiper-slide .imgs .img {

              width: 100%;

              padding-top: 67.5%; }

        .abouts .strength .stom .sropers .btn {

          display: inline-block;

          vertical-align: middle;

          width: 0.5rem;

          height: 0.5rem;

          border-radius: 50%;

          background-color: transparent;

          border: solid 1px #676767;

          cursor: pointer;

          position: absolute;

          z-index: 2;

          top: 50%;

          transform: translateY(-50%);

          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }

          .abouts .strength .stom .sropers .btn img {

            width: 100%;

            display: block; }

          .abouts .strength .stom .sropers .btn img:first-child {

            display: block; }

          .abouts .strength .stom .sropers .btn img:last-child {

            display: none; }

        .abouts .strength .stom .sropers .btn:hover {

          background-color: var(--themes);

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

          .abouts .strength .stom .sropers .btn:hover img:first-child {

            display: none; }

          .abouts .strength .stom .sropers .btn:hover img:last-child {

            display: block; }

        .abouts .strength .stom .sropers .bl {

          left: -0.6rem; }

        .abouts .strength .stom .sropers .br {

          right: -0.6rem; }

      .abouts .strength .stom .datalis {

        width: 100%;

        font-size: 0;

        margin-top: 0.4rem;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between; }

        .abouts .strength .stom .datalis .datm {

          display: inline-block;

          vertical-align: middle;

          width: 20%;

          font-size: 0;

          position: relative; }

          .abouts .strength .stom .datalis .datm .dep {

            display: inline-block;

            vertical-align: top;

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

            .abouts .strength .stom .datalis .datm .dep .eo {

              width: 100%;

              color: #222;

              line-height: 1.5; }

            .abouts .strength .stom .datalis .datm .dep .eg {

              width: 100%;

              color: #222;

              margin-top: 0.1rem; }

              .abouts .strength .stom .datalis .datm .dep .eg span {

                display: inline-block;

                color: var(--themes);

                font-weight: bold;

                margin-right: 0.1rem; }

          .abouts .strength .stom .datalis .datm .der {

            display: inline-block;

            vertical-align: top;

            width: 0.4rem;

            height: 0.4rem; }

            .abouts .strength .stom .datalis .datm .der img {

              width: 100%;

              display: block; }

          .abouts .strength .stom .datalis .datm:after {

            content: ' ';

            position: absolute;

            left: calc(115%);

            height: 100%;

            width: 1px;

            top: 0;

            background-color: #dcdcdc; }

        .abouts .strength .stom .datalis .datm:nth-child(4n):after {

          display: none; }



@media (max-width: 800px) {

  .abouts .imgs {

    position: relative;

    height: auto; }

    .abouts .imgs .img {

      width: 100%;

      padding-top: 55.55%; }

  .abouts .abtom .btom {

    width: 100%;

    padding: 0.6rem 0.3rem; }

  .abouts .strength .stom {

    width: 100%;

    padding: 0.6rem 0.3rem; }

    .abouts .strength .stom .sropers .bl {

      left: -0.25rem; }

    .abouts .strength .stom .sropers .br {

      right: -0.25rem; }

    .abouts .strength .stom .datalis .datm {

      width: 44%;

      margin-bottom: 0.2rem; }

    .abouts .strength .stom .datalis .datm:nth-child(2n):after {

      display: none; } }

.partners {

  width: 100%;

  padding: 1rem 0 0.5rem;

  background-color: #fff; }

  .partners .parom {

    width: 100%;

    background-color: #fff;

    box-shadow: 0px 1px 40px 0px rgba(15, 69, 141, 0.27);

    padding: 0.7rem; }

    .partners .parom .logopers {

      width: 100%;

      font-size: 0; }

      .partners .parom .logopers .swiper-container {

        padding-bottom: 0.3rem; }

      .partners .parom .logopers .logom {

        display: inline-block;

        vertical-align: top;

        width: calc(268 / 1430 * 100%);

        margin-right: calc(22 / 1430 * 100%);

        margin-bottom: 0.2rem;

        border: solid 1px #dcdcdc;

        background-color: #fff;

        position: relative;

        overflow: hidden; }

        .partners .parom .logopers .logom a {

          width: 100%;

          display: block; }

        .partners .parom .logopers .logom .img {

          width: 100%;

          padding-top: 41.04%;

          transition: all ease 0.5s; }

      .partners .parom .logopers .logom:nth-child(5n) {

        margin-right: 0; }

      .partners .parom .logopers .logom:nth-child(5n+1) {

        transition-delay: 0.04s; }

      .partners .parom .logopers .logom:nth-child(5n+2) {

        transition-delay: 0.08s; }

      .partners .parom .logopers .logom:nth-child(5n+3) {

        transition-delay: 0.12s; }

      .partners .parom .logopers .logom:nth-child(5n+4) {

        transition-delay: 0.16s; }

      .partners .parom .logopers .logom:nth-child(5n+5) {

        transition-delay: 0.2s; }

      .partners .parom .logopers .logom:hover .img {

        transform: scale(1.1); }

      .partners .parom .logopers .swiper-pagination {

        bottom: 0; }

      .partners .parom .logopers .swiper-pagination-bullet {

        width: 0.1rem;

        height: 0.1rem;

        border-radius: 50%;

        background-color: #dcdcdc;

        opacity: 1;

        margin: 0 0.1rem; }

      .partners .parom .logopers .swiper-pagination-bullet-active {

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



.cased {

  width: 100%;

  padding: 0.5rem 0 1rem;

  background-color: #fff; }

  .cased .casem {

    width: 100%;

    position: relative;

    min-height: 7.35rem; }

  .cased .retom {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end; }

    .cased .retom .retuls {

      display: inline-block;

      vertical-align: middle;

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

      .cased .retom .retuls .rli {

        width: 100%;

        font-size: 0;

        padding: 0.06rem 0;

        cursor: pointer; }

        .cased .retom .retuls .rli .lx {

          display: inline-block;

          vertical-align: top;

          width: 2px;

          height: 0.2rem;

          margin-right: 0.2rem;

          margin-top: calc(0.75em - 0.1rem);

          background-color: #e5e5e5;

          position: relative;

          position: relative;

          top: -0.02rem; }

          .cased .retom .retuls .rli .lx:after {

            content: ' ';

            position: absolute;

            left: 0;

            top: 0;

            width: 100%;

            height: 0;

            transition: all ease 0.5s;

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

        .cased .retom .retuls .rli .lms {

          display: inline-block;

          vertical-align: top;

          width: calc(100% - 0.2rem - 2px);

          line-height: 1.5;

          color: #666; }

      .cased .retom .retuls .rli.on .lx:after, .cased .retom .retuls .rli:hover .lx:after {

        height: 100%; }

      .cased .retom .retuls .rli.on .lms, .cased .retom .retuls .rli:hover .lms {

        color: var(--themes); }

  .cased .conent {

    width: 100%;

    margin-top: 0.4rem; }

    .cased .conent .eonts {

      width: 100%;

      display: none; }

    .cased .conent .eonts.on {

      display: block; }

    .cased .conent .showom {

      width: 100%;

      display: flex;

      flex-wrap: wrap;

      justify-content: flex-end;

      position: relative;

      z-index: 3; }

      .cased .conent .showom .woam {

        display: inline-block;

        vertical-align: middle;

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

        padding: 0.4rem 0.6rem;

        overflow: hidden;

        min-height: 3.3rem; }

        .cased .conent .showom .woam .vom {

          width: 100%;

          height: 100%;

          display: flex;

          flex-wrap: wrap;

          align-content: space-between;

          position: relative;

          z-index: 2; }

        .cased .conent .showom .woam .lum {

          width: 100%;

          color: #fff;

          line-height: 1.5; }

          .cased .conent .showom .woam .lum span {

            display: inline-block;

            vertical-align: middle;

            width: 0.5rem;

            height: 1px;

            background-color: #fff;

            margin-right: 0.1rem;

            position: relative;

            top: -0.02rem; }

        .cased .conent .showom .woam .wom {

          width: 100%; }

          .cased .conent .showom .woam .wom .wt {

            width: 100%;

            color: #fff;

            line-height: 1.3; }

          .cased .conent .showom .woam .wom .wx {

            width: 100%;

            color: #fff;

            line-height: 1.5;

            margin-top: 0.14rem; }

        .cased .conent .showom .woam .more {

          width: 100%;

          font-size: 0; }

          .cased .conent .showom .woam .more a {

            display: inline-block;

            vertical-align: middle;

            width: 0.25rem; }

            .cased .conent .showom .woam .more a img {

              width: 100%;

              display: block; }

        .cased .conent .showom .woam .xum {

          position: absolute;

          z-index: 1;

          right: 0.45rem;

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

          bottom: -0.25rem;

          transform: scale(1.6); }

  .cased .camglis {

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

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

    .cased .camglis .cmgs {

      width: 100%;

      display: none;

      position: relative;

      overflow: hidden; }

      .cased .camglis .cmgs .img {

        width: 100%;

        padding-top: 56.02%; }

    .cased .camglis .cmgs.on {

      display: block; }



@media (max-width: 800px) {

  .cased .retom {

    width: 100%; }

    .cased .retom .retuls {

      width: 100%; }

  .cased .camglis {

    width: 100%;

    position: relative; }

  .cased .conent {

    margin-top: 0; }

    .cased .conent .showom .woam {

      width: 100%; } }

.nanber {

  width: 100%;

  position: relative; }

  .nanber .imgs {

    width: 100%;

    position: relative; }

    .nanber .imgs .img {

      width: 100%;

      padding-top: 30.98%; }

  .nanber .nox {

    position: absolute;

    z-index: 4;

    left: calc(50%);

    top: calc(50%);

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

    width: 70%;

    z-index: 2;

    text-align: center; }

    .nanber .nox .cm {

      width: 100%;

      color: #fff;

      font-weight: bold;

      line-height: 1.4; }

    .nanber .nox .em {

      width: 100%;

      color: #fff;

      font-weight: bold;

      line-height: 1.1;

      margin-top: .0rem; }

  .nanber .fown {

    position: absolute;

    z-index: 2;

    width: 0.22rem;

    bottom: 0.3rem;

    left: 50%;

    transform: translateX(-50%);

    transition: all ease 0.5s;

    cursor: pointer; }

    .nanber .fown img {

      width: 100%;

      display: block; }

  .nanber .fown:hover {

    bottom: 0.45rem; }



@media (max-width: 800px) {

  .nanber .nox {

    width: 94%; }

  .nanber .fown {

    left: auto;

    transform: translateX(0);

    right: 6%; } }

.crumbs {

  width: 100%;

  background-color: #fff;

  position: relative; }

  .crumbs .column {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    .crumbs .column .colum {

      width: auto;

      font-size: 0;

      display: inline-block;

      vertical-align: middle; }

      .crumbs .column .colum .home {

        display: inline-block;

        vertical-align: middle;

        width: .2rem;

        height: .2rem;

        min-width: 18px;

        min-height: 18px;

        margin-right: .1rem;

        position: relative;

        top: -0.02rem; }

        .crumbs .column .colum .home img {

          width: 100%;

          display: block; }

      .crumbs .column .colum .sm {

        display: inline-block;

        vertical-align: middle;

        color: #666;

        line-height: .9rem; }

      .crumbs .column .colum a {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        color: #666;

        line-height: .9rem;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis; }

        .crumbs .column .colum a span {

          display: inline-block;

          color: #666;

          line-height: .9rem;

          position: relative;

          margin: 0 .08rem; }

          .crumbs .column .colum a span img {

            width: 100%;

            display: block; }

      .crumbs .column .colum a:hover {

        color: var(--themes); }

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

        display: none; }

    .crumbs .column .cur {

      display: inline-block;

      vertical-align: middle;

      width: auto; }

      .crumbs .column .cur .swiper-slide {

        display: inline-block;

        vertical-align: middle;

        margin: 0 .25rem;

        width: auto; }

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

          display: inline-block;

          vertical-align: middle;

          width: auto;

          line-height: .8rem;

          color: #666;

          position: relative; }

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

        color: var(--themes);

        font-weight: bold; }



@media (max-width: 800px) {

  .hide {

    top: calc( -40px - 0.2rem); } }

.newoms {

  width: 100%;

  padding: 0.5rem 0 1rem;

  overflow: hidden; }

  .newoms .newlist {

    width: 100%; }

    .newoms .newlist .newpm {

      width: 100%;

      font-size: 0;

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      background-color: #f2f3f5; }

      .newoms .newlist .newpm .nel {

        display: inline-block;

        vertical-align: middle;

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

        position: relative;

        overflow: hidden; }

        .newoms .newlist .newpm .nel a {

          width: 100%;

          display: block; }

        .newoms .newlist .newpm .nel .img {

          width: 100%;

          padding-top: 56.25%;

          transition: all ease 0.5s; }

      .newoms .newlist .newpm .nel:hover .img {

        transform: scale(1.1); }

      .newoms .newlist .newpm .ner {

        display: inline-block;

        vertical-align: middle;

        padding: 0.4rem 0.8rem;

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

        .newoms .newlist .newpm .ner .time {

          width: 100%;

          color: #999;

          line-height: 1.5; }

          .newoms .newlist .newpm .ner .time span {

            display: inline-block;

            vertical-align: middle;

            width: 0.2rem;

            margin-right: 0.1rem;

            position: relative;

            top: -0.02rem; }

            .newoms .newlist .newpm .ner .time span img {

              width: 100%;

              display: block; }

        .newoms .newlist .newpm .ner .nt {

          width: 100%;

          color: #000;

          line-height: 1.3;

          font-weight: bold;

          margin: 0.15rem 0 0.1rem; }

        .newoms .newlist .newpm .ner .xms {

          width: 100%;

          color: #666;

          line-height: 1.5;

          margin-top: 0.15rem; }

          .newoms .newlist .newpm .ner .xms p {

            color: #666;

            line-height: 1.5; }

        .newoms .newlist .newpm .ner .more {

          width: 100%;

          font-size: 0;

          margin-top: 0.5rem; }

          .newoms .newlist .newpm .ner .more a {

            display: inline-block;

            vertical-align: middle;

            background-color: var(--themes);

            color: #fff;

            line-height: 3;

            padding: 0 0.4rem;

            width: auto;

            transition: all ease 0.5s; }

          .newoms .newlist .newpm .ner .more a:hover {

            transform: scale(1.05); }

    .newoms .newlist .newpm + .newpm {

      margin-top: 0.5rem; }



.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/b5.png");

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat; }

  .pages .page.rtn {

    background-image: url("../images/b6.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/b7.png");

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: transparent !important;

    border: none; }

  .pages .page.on.ltn {

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

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: transparent !important;

    border: none; }

  .pages .page.on.rtn {

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

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: transparent !important;

    border: none; }

  .pages .page.rtn:hover {

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

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: transparent !important;

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

.netails {

  width: 100%;

  padding: 0.6rem 0 0; }

  .netails .vob {

    width: 100%;

    border-top: solid 1px #e8e8e8; }

  .netails .vims {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap; }

    .netails .vims .vitm {

      width: 50%;

      border-right: solid 1px #e8e8e8; }

      .netails .vims .vitm a {

        width: 100%;

        display: flex;

        align-items: center;

        padding: 0.45rem 0; }

      .netails .vims .vitm .ac {

        display: inline-block;

        vertical-align: middle;

        width: 9px; }

        .netails .vims .vitm .ac img {

          width: 100%;

          display: block; }

        .netails .vims .vitm .ac img:first-child {

          display: block; }

        .netails .vims .vitm .ac img:last-child {

          display: none; }

      .netails .vims .vitm .am {

        display: inline-block;

        vertical-align: middle;

        width: calc(100% - 9px - 0.24rem);

        color: #111;

        line-height: 1.5; }

    .netails .vims .vitm:hover .ac img:first-child {

      display: none; }

    .netails .vims .vitm:hover .ac img:last-child {

      display: block; }

    .netails .vims .vitm:hover .am {

      color: var(--themes); }

    .netails .vims .vitm:nth-child(2n) {

      border: none; }

  .netails .nevom {

    width: 100%;

    padding-bottom: 0.8rem; }

    .netails .nevom .nit {

      width: 100%;

      font-weight: bold;

      color: #131313;

      line-height: 1.2; }

    .netails .nevom .nim {

      width: 100%;

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

      align-items: center;

      padding: 0.18rem 0; }

      .netails .nevom .nim .nml {

        display: inline-block;

        vertical-align: middle;

        width: auto; }

        .netails .nevom .nim .nml .vim {

          display: inline-block;

          vertical-align: middle;

          width: auto;

          color: #666;

          line-height: 1.5;

          margin-right: 0.24rem; }

          .netails .nevom .nim .nml .vim span {

            display: inline-block;

            vertical-align: middle;

            width: 20px;

            margin-right: 0.1rem;

            position: relative;

            top: -0.02rem; }

            .netails .nevom .nim .nml .vim span img {

              width: 100%;

              display: block; }

      .netails .nevom .nim .nmr {

        display: inline-block;

        vertical-align: middle;

        width: auto; }

        .netails .nevom .nim .nmr .share {

          display: inline-block;

          vertical-align: middle;

          width: auto; }

          .netails .nevom .nim .nmr .share .am {

            display: inline-block;

            vertical-align: middle;

            width: 20px; }

            .netails .nevom .nim .nmr .share .am a, .netails .nevom .nim .nmr .share .am img {

              width: 100%;

              display: block; }

          .netails .nevom .nim .nmr .share .am + .am {

            margin-left: 0.14rem; }

    .netails .nevom .ninp {

      width: 100%;

      color: #717273;

      line-height: 1.8;

      padding-top: 0.4rem;

      border-top: solid 1px #e8e8e8;

      margin-top: 0.1rem; }

      .netails .nevom .ninp p {

        color: #717273;

        line-height: 1.8; }



.conven {

  width: 100%;

  padding: 0.8rem 0; }

  .conven .convlis {

    width: 100%;

    font-size: 0; }

    .conven .convlis .coivm {

      display: inline-block;

      vertical-align: top;

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

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

      position: relative;

      padding: 0.4rem 0.3rem 0.5rem; }

      .conven .convlis .coivm .vg {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 1;

        border: solid 1px #e8e8e8;

        transform: skewX(-7deg); }

      .conven .convlis .coivm .tc {

        width: 0.8rem;

        height: 0.8rem;

        display: block;

        margin: 0 auto 0.1rem;

        position: relative;

        z-index: 2; }

        .conven .convlis .coivm .tc img {

          width: 100%;

          display: block; }

      .conven .convlis .coivm .xim {

        width: 100%;

        text-align: center;

        color: #333;

        font-weight: bold;

        line-height: 1.3;

        position: relative;

        z-index: 2;

        height: 0.6rem; }

        .conven .convlis .coivm .xim p {

          font-weight: bold;

          line-height: 1.3; }

      .conven .convlis .coivm .cm {

        width: 100%;

        text-align: center;

        color: #666;

        line-height: 1.5;

        position: relative;

        z-index: 2;

        margin-top: 0.1rem; }

    .conven .convlis .coivm:nth-child(3n) {

      margin-right: 0; }



@media (max-width: 800px) {

  .conven .convlis .coivm {

    width: 90%;

    display: block;

    margin: 0 auto 15px !important; } }

.mapsom {

  width: 100%;

  position: relative;

  border-top: solid 0.04rem var(--themes); }

  .mapsom .map {

    width: 100%; }

    .mapsom .map img {

      width: 100%;

      display: block; }

  .mapsom .message {

    width: 100%;

    position: relative;

    top: -1.6rem; }

  .mapsom .mesom {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    position: relative; }

    .mapsom .mesom .mel {

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

      .mapsom .mesom .mel .mitop {

        margin-bottom: 0; }

    .mapsom .mesom .mer {

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

    .mapsom .mesom .merom {

      width: 100%;

      background-color: #ffffff;

      box-shadow: -9px 6px 12px 1px rgba(34, 34, 34, 0.04);

      border-radius: 0.2rem 0.8rem 0.2rem 0.8rem;

      padding: 0.6rem 0.5rem; }

      .mapsom .mesom .merom form {

        width: 100%;

        display: block; }

      .mapsom .mesom .merom .mit {

        width: 100%;

        color: #000;

        font-weight: bold;

        line-height: 1.2;

        margin-bottom: 0.3rem; }

      .mapsom .mesom .merom .row {

        width: 100%;

        font-size: 0; }

      .mapsom .mesom .merom .input {

        display: inline-block;

        vertical-align: top;

        width: 48%;

        margin-right: 4%;

        margin-bottom: 0.2rem; }

        .mapsom .mesom .merom .input .int {

          width: 100%;

          display: block;

          border: solid 1px #ebebeb;

          padding: 0 0.2rem;

          color: #333;

          line-height: 3.2;

          height: 3.2em; }

      .mapsom .mesom .merom .input:nth-child(2n) {

        margin-right: 0; }

      .mapsom .mesom .merom .text {

        width: 100%;

        display: block; }

        .mapsom .mesom .merom .text .area {

          width: 100%;

          border: solid 1px #ebebeb;

          display: block;

          padding: 0.2rem;

          color: #333;

          line-height: 1.5; }

      .mapsom .mesom .merom .sub {

        width: 100%;

        margin-top: 0.3rem;

        font-size: 0;

        text-align: center; }

        .mapsom .mesom .merom .sub .stn {

          display: inline-block;

          vertical-align: middle;

          background-color: var(--themes);

          color: #fff;

          width: auto;

          padding: 0 0.6rem;

          line-height: 3;

          border: none; }



@media (max-width: 800px) {

  .mapsom .message {

    top: 0;

    padding: 20px 0; }

  .mapsom .mesom .mel {

    width: 100%;

    margin-bottom: 15px; }

  .mapsom .mesom .mer {

    width: 100%; }

    .mapsom .mesom .mer .merom {

      box-shadow: 0px 6px 12px 1px rgba(34, 34, 34, 0.2); } }

.product {

  width: 100%;

  padding: 0.5rem 0 1rem;

  background-color: #f7f8f9; }

  .product .pronavs {

    width: 100%;

    max-width: 13rem;

    margin: 0 auto 0;

    display: block;

    position: relative;

    font-size: 0; }

    .product .pronavs .swiper-container {

      display: block;

      margin: 0 auto;

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

    .product .pronavs .swiper-slide {

      display: inline-block;

      vertical-align: middle;

      width: auto;

      padding: 0 0.4rem;

      line-height: 3.2;

      border-radius: 1.6em;

      margin-right: 0.2rem;

      background-color: #fff;

      border: solid 1px #e5e5e5;

      color: #222;

      cursor: pointer; }

    .product .pronavs .swiper-slide.on, .product .pronavs .swiper-slide:hover {

      background-color: var(--themes);

      color: #fff;

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

    .product .pronavs .btn {

      display: inline-block;

      vertical-align: middle;

      position: absolute;

      width: 0.5rem;

      height: 0.5rem;

      border-radius: 50%;

      top: 50%;

      transform: translateY(-50%);

      background-color: transparent;

      border: solid 1px #676767;

      cursor: pointer; }

      .product .pronavs .btn img {

        width: 100%;

        display: block; }

      .product .pronavs .btn img:first-child {

        display: block; }

      .product .pronavs .btn img:last-child {

        display: none; }

    .product .pronavs .btn:hover {

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

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

      .product .pronavs .btn:hover img:first-child {

        display: none; }

      .product .pronavs .btn:hover img:last-child {

        display: block; }

    .product .pronavs .bl {

      left: 0; }

    .product .pronavs .br {

      right: 0; }

  .product .ecomds {

    width: 100%;

    font-size: 0;

    margin-top: 0.15rem; }

    .product .ecomds .etiom {

      width: 100%;

      font-size: 0;

      display: none; }

    .product .ecomds .etiom.on {

      display: block; }

    .product .ecomds .ceamlis {

      width: 100%;

      font-size: 0; }

      .product .ecomds .ceamlis .ciem {

        display: inline-block;

        vertical-align: top;

        margin-right: 0.1rem;

        margin-bottom: 0.1rem;

        width: auto;

        padding: 0 0.4rem;

        line-height: 3.2;

        border-radius: 1.6em;

        background-color: #fff;

        border: solid 1px #e5e5e5;

        color: #222;

        cursor: pointer; }

      .product .ecomds .ceamlis .ciem:hover, .product .ecomds .ceamlis .ciem.on {

        background-color: var(--themes);

        color: #fff;

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

  .product .proctlis {

    width: 100%;

    margin-top: 0.35rem;

    font-size: 0; }

    .product .proctlis .prosm {

      display: inline-block;

      vertical-align: top;

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

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

      margin-bottom: 0.43rem; }

      .product .proctlis .prosm a {

        width: 100%;

        display: block; }

      .product .proctlis .prosm .imgs {

        width: 100%;

        position: relative;
        background-color: #fff;


        overflow: hidden; }

        .product .proctlis .prosm .imgs .img {

          width: 100%;

          padding-top: 57.14%;

          transition: all ease 0.5s; }

      .product .proctlis .prosm .vom {

        width: 100%;

        background-color: #eeeeee;

        padding: 0.1rem 0.2rem;

        padding-right: 0.8rem;

        position: relative; }

        .product .proctlis .prosm .vom .vd {

          width: 100%;

          color: #222;

          line-height: 1.6;

          font-weight: bold; }

        .product .proctlis .prosm .vom .ric {

          position: absolute;

          z-index: 2;

          right: 0.13rem;

          width: 0.65rem;

          top: -0.06rem; }

          .product .proctlis .prosm .vom .ric img {

            width: 100%;

            display: block; }

    .product .proctlis .prosm:nth-child(4n) {

      margin-right: 0; }

    .product .proctlis .prosm:hover .imgs .img {

      transform: scale(1.1); }

    .product .proctlis .prosm:hover .vom .vd {

      color: var(--themes); }



.petails {

  width: 100%; }

  .petails .votom {

    width: 100%;

    padding: 0.6rem 0; }

    .petails .votom .vinps {

      width: 100%;

      color: #666;

      line-height: 1.75; }

      .petails .votom .vinps p {

        color: #666;

        line-height: 1.75; }

      .petails .votom .vinps img {

        max-width: 100%; }

    .petails .votom .peculist {

      width: 100%;

      font-size: 0; }

      .petails .votom .peculist .swiper-container {

        padding-bottom: 0.4rem; }

      .petails .votom .peculist .pecum {

        display: inline-block;

        vertical-align: top;

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

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

        padding-top: 0.585rem; }

        .petails .votom .peculist .pecum .poom {

          width: 100%;

          background-color: #f2f3f5;

          padding: 1rem 0.4rem 0.4rem;

          position: relative; }

          .petails .votom .peculist .pecum .poom .pig {

            width: 1.17rem;

            height: 1.17rem;

            border-radius: 50%;

            padding: 0.1rem;

            background-color: #fff;

            position: absolute;

            left: 50%;

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

            top: 0; }

            .petails .votom .peculist .pecum .poom .pig .tm {

              width: 100%;

              height: 100%;

              border-radius: 50%;

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

              .petails .votom .peculist .pecum .poom .pig .tm img {

                width: 100%;

                display: block; }

          .petails .votom .peculist .pecum .poom .pit {

            width: 100%;

            text-align: center;

            color: var(--themes);

            font-weight: bold;

            line-height: 1.5; }

          .petails .votom .peculist .pecum .poom .pim {

            width: 100%;

            margin-top: 0.1rem;

            color: #666;

            line-height: 1.5;

            height: 4.5em;

            text-align: center; }

      .petails .votom .peculist .pecum:nth-child(3n) {

        margin-right: 0; }

      .petails .votom .peculist .swiper-pagination {

        bottom: 0; }

      .petails .votom .peculist .swiper-pagination-bullet {

        width: 0.1rem;

        height: 0.1rem;

        opacity: 1;

        background-color: #c9c9c9; }

      .petails .votom .peculist .swiper-pagination-bullet-active {

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

    .petails .votom .casepers {

      width: 100%; }

      .petails .votom .casepers .swiper-slide {

        width: 100%;

        border-radius: 0.2rem;

        overflow: hidden; }

        .petails .votom .casepers .swiper-slide a {

          width: 100%;

          display: block; }

        .petails .votom .casepers .swiper-slide .imgs {

          width: 100%;

          position: relative;

          overflow: hidden;

          overflow: hidden; }

          .petails .votom .casepers .swiper-slide .imgs .img {

            width: 100%;

            padding-top: 70.58%;

            transition: all ease 0.5s; }

        .petails .votom .casepers .swiper-slide .som {

          width: 100%;

          border: solid 1px #e8e8e8;

          border-radius: 0 0 0.2rem 0.2rem;

          border-top: none;

          padding: 0.2rem 0.4rem; }

          .petails .votom .casepers .swiper-slide .som .xit {

            width: 100%;

            color: #222;

            line-height: 1.5;

            height: 3em; }

          .petails .votom .casepers .swiper-slide .som .xim {

            width: 100%;

            color: #666;

            line-height: 1.5;

            height: 3em;

            margin-top: 0.1rem; }

          .petails .votom .casepers .swiper-slide .som .sob {

            width: 100%;

            padding: 0.2rem 0;

            border-top: solid 1px #e8e8e8;

            display: flex;

            align-items: center;

            justify-content: space-between;

            margin-top: 0.2rem; }

            .petails .votom .casepers .swiper-slide .som .sob .time {

              display: inline-block;

              vertical-align: middle;

              color: #666;

              line-height: 1.5; }

              .petails .votom .casepers .swiper-slide .som .sob .time span {

                display: inline-block;

                vertical-align: middle;

                width: 20px;

                top: -0.02rem;

                position: relative;

                margin-right: 0.1rem; }

                .petails .votom .casepers .swiper-slide .som .sob .time span img {

                  width: 100%;

                  display: block; }

            .petails .votom .casepers .swiper-slide .som .sob .xm {

              display: inline-block;

              vertical-align: middle;

              color: #222;

              line-height: 1.5; }

      .petails .votom .casepers .swiper-slide:hover .imgs .img, .petails .votom .casepers .swiper-slide.on .imgs .img {

        transform: scale(1.1); }

      .petails .votom .casepers .swiper-slide:hover .som .xit, .petails .votom .casepers .swiper-slide.on .som .xit {

        color: var(--themes); }

      .petails .votom .casepers .swiper-slide:hover .som .sob .xm, .petails .votom .casepers .swiper-slide.on .som .sob .xm {

        color: var(--themes); }

    .petails .votom .downlist {

      width: 100%;

      font-size: 0; }

      .petails .votom .downlist .doams {

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

        display: inline-block;

        vertical-align: middle;

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

        margin-bottom: 0.25rem;

        background-color: #f2f3f5; }

        .petails .votom .downlist .doams a {

          width: 100%;

          display: block;

          padding: 0.35rem 0.3rem; }

        .petails .votom .downlist .doams .xml {

          display: inline-block;

          vertical-align: middle;

          width: calc(100% - 0.62rem - 0.15rem);

          margin-right: 0.15rem; }

          .petails .votom .downlist .doams .xml .lx {

            display: inline-block;

            vertical-align: middle;

            width: 0.05rem;

            height: 0.4rem;

            background-color: var(--themes);

            margin-right: 0.13rem; }

          .petails .votom .downlist .doams .xml .xm {

            display: inline-block;

            vertical-align: middle;

            color: #222;

            line-height: 1.5;

            width: calc(100% - 0.05rem - 0.13rem); }

        .petails .votom .downlist .doams .xmr {

          display: inline-block;

          vertical-align: middle;

          width: 0.62rem;

          height: 0.62rem;

          border-radius: 50%;

          background-color: #fff; }

          .petails .votom .downlist .doams .xmr img {

            width: 100%;

            display: block; }

          .petails .votom .downlist .doams .xmr img:first-child {

            display: block; }

          .petails .votom .downlist .doams .xmr img:last-child {

            display: none; }

      .petails .votom .downlist .doams:nth-child(3n) {

        margin-right: 0; }

      .petails .votom .downlist .doams:hover .xmr {

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

        .petails .votom .downlist .doams:hover .xmr img:first-child {

          display: none; }

        .petails .votom .downlist .doams:hover .xmr img:last-child {

          display: block; }

  .petails .votom + .votom {

    border-top: solid 1px #e5e5e5; }

  .petails .petail {

    width: 100%; }

    .petails .petail .petom {

      width: 100%;

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

      font-size: 0; }

      .petails .petail .petom .pel {

        display: inline-block;

        vertical-align: middle;

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

        .petails .petail .petom .pel .petop {

          width: 100%; }

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

            width: 100%;

            position: relative; }

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

              width: 100%;

              position: relative;
              background-color: #f2f3f5;

              overflow: hidden; }

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

                width: 100%;

                padding-top: 55.14%; }

        .petails .petail .petom .pel .pebot {

          width: 100%;

          margin-top: 0.12rem; }

          .petails .petail .petom .pel .pebot .swiper-container {

            padding-bottom: 0.02rem; }

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

            width: 100%;

            position: relative;

            cursor: pointer; }

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

              width: 100%;

              position: relative;
              background-color: #f2f3f5;

              overflow: hidden; }

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

                width: 100%;

                padding-top: 55.14%; }

            .petails .petail .petom .pel .pebot .swiper-slide:after {

              content: ' ';

              position: absolute;

              box-sizing: border-box;

              left: 0;

              top: 0;

              z-index: 1;

              width: 100%;

              height: 100%;

              border: solid 0.02rem transparent; }

          .petails .petail .petom .pel .pebot .swiper-slide.on:after {

            border: solid 0.02rem var(--themes); }

      .petails .petail .petom .per {

        display: inline-block;

        vertical-align: middle;

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

        .petails .petail .petom .per .vom {

          width: 100%;

          position: relative; }

          .petails .petail .petom .per .vom .hei {

            width: 100%;

            padding-top: 69.88%; }

          .petails .petail .petom .per .vom .x1, .petails .petail .petom .per .vom .x2 {

            position: absolute;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            z-index: 2; }

    .petails .petail .pebm {

      width: 100%;

      margin-top: 0.45rem; }

      .petails .petail .pebm .pit {

        width: 100%;

        color: var(--themes);

        font-weight: bold;

        line-height: 1.3;

        margin-bottom: 0.08rem; }

      .petails .petail .pebm .pinp {

        width: 100%;

        color: #666;

        line-height: 1.6; }

        .petails .petail .pebm .pinp p {

          color: #666;

          line-height: 1.6; }

      .petails .petail .pebm .more {

        width: 100%;

        font-size: 0;

        margin-top: 0.2rem; }

        .petails .petail .pebm .more a {

          display: inline-block;

          vertical-align: middle;

          background-color: var(--themes);

          color: #fff;

          line-height: 3;

          box-shadow: 0px 4px 5px 1px rgba(0, 148, 218, 0.3);

          width: auto;

          padding: 0 0.45rem;

          transition: all ease 0.5s; }

          .petails .petail .pebm .more a span {

            display: inline-block;

            vertical-align: middle;

            width: 0.25rem;

            position: relative;

            top: -0.02rem;

            margin-right: 0.1rem; }

            .petails .petail .pebm .more a span img {

              width: 100%;

              display: block; }

        .petails .petail .pebm .more a:hover {

          transform: scale(1.05); }



.casedom {

  width: 100%;

  padding: 0.5rem 0; }

  .casedom .caselist {

    width: 100%;

    font-size: 0; }

    .casedom .caselist .casem {

      display: inline-block;

      vertical-align: top;

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

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

      margin-bottom: 0.35rem;

      border-radius: 0.2rem;

      overflow: hidden; }

      .casedom .caselist .casem a {

        width: 100%;

        display: block; }

      .casedom .caselist .casem .imgs {

        width: 100%;

        position: relative;

        overflow: hidden;

        overflow: hidden; }

        .casedom .caselist .casem .imgs .img {

          width: 100%;

          padding-top: 70.58%;

          transition: all ease 0.5s; }

      .casedom .caselist .casem .som {

        width: 100%;

        border: solid 1px #e8e8e8;

        border-radius: 0 0 0.2rem 0.2rem;

        border-top: none;

        padding: 0.2rem 0.4rem; }

        .casedom .caselist .casem .som .xit {

          width: 100%;

          color: #222;

          line-height: 1.5;

          height: 3em; }

        .casedom .caselist .casem .som .xim {

          width: 100%;

          color: #666;

          line-height: 1.5;

          height: 3em;

          margin-top: 0.1rem; }

        .casedom .caselist .casem .som .sob {

          width: 100%;

          padding: 0.2rem 0;

          border-top: solid 1px #e8e8e8;

          display: flex;

          align-items: center;

          justify-content: space-between;

          margin-top: 0.2rem; }

          .casedom .caselist .casem .som .sob .time {

            display: inline-block;

            vertical-align: middle;

            color: #666;

            line-height: 1.5; }

            .casedom .caselist .casem .som .sob .time span {

              display: inline-block;

              vertical-align: middle;

              width: 20px;

              top: -0.02rem;

              position: relative;

              margin-right: 0.1rem; }

              .casedom .caselist .casem .som .sob .time span img {

                width: 100%;

                display: block; }

          .casedom .caselist .casem .som .sob .xm {

            display: inline-block;

            vertical-align: middle;

            color: #222;

            line-height: 1.5; }

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

      margin-right: 0; }

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

      transform: scale(1.1); }

    .casedom .caselist .casem:hover .som .xit {

      color: var(--themes); }

    .casedom .caselist .casem:hover .som .sob .xm {

      color: var(--themes); }



.testings {

  width: 100%;

  padding: 0.8rem 0; }

  .testings .testper {

    width: 100%;

    font-size: 0;

    position: relative; }

    .testings .testper .swiper-container {

      padding-bottom: 0.2rem; }

    .testings .testper .testm {

      display: inline-block;

      vertical-align: top;

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

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

      margin-bottom: 0.35rem; }

      .testings .testper .testm .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .testings .testper .testm .imgs .img {

          width: 100%;

          padding-top: 67.64%;

          transition: all ease 0.5s; }

      .testings .testper .testm .sims {

        width: 100%;

        text-align: center;

        color: #222;

        line-height: 1.8;

        margin-top: 0.1rem; }

    .testings .testper .testm:nth-child(3n) {

      margin-right: 0; }

    .testings .testper .swiper-pagination {

      bottom: 0; }

    .testings .testper .swiper-pagination-bullet {

      width: 0.1rem;

      height: 0.1rem;

      border-radius: 50%;

      background-color: #dcdcdc;

      opacity: 1;

      margin: 0 0.1rem; }

    .testings .testper .swiper-pagination-bullet-active {

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



.flow-paths {

  width: 100%;

  padding: 1rem 0;

  overflow: hidden; }

  .flow-paths .pathsm {

    width: 100%; }

    .flow-paths .pathsm .patom {

      width: 100%;

      display: none; }

    .flow-paths .pathsm .patom.on {

      display: block; }

    .flow-paths .pathsm .pathper {

      width: 100%;

      position: relative; }

      .flow-paths .pathsm .pathper .swiper-slide {

        width: 100%;

        background-color: #fff;

        padding: 0.1rem;

        position: relative;

        overflow: hidden; }

        .flow-paths .pathsm .pathper .swiper-slide a {

          width: 100%;

          display: block;

          overflow: hidden; }

        .flow-paths .pathsm .pathper .swiper-slide .img {

          width: 100%;

          padding-top: 81.666%;

          transition: all ease 0.5s; }

        .flow-paths .pathsm .pathper .swiper-slide .cs {

          position: absolute;

          z-index: 2;

          right: 0.2rem;

          bottom: 0.2rem;

          width: 0.36rem;

          height: 0.36rem; }

          .flow-paths .pathsm .pathper .swiper-slide .cs img {

            width: 100%;

            display: block; }

      .flow-paths .pathsm .pathper .swiper-slide:hover .img {

        transform: scale(1.1); }

      .flow-paths .pathsm .pathper .btn {

        display: inline-block;

        vertical-align: middle;

        width: 0.5rem;

        height: 0.5rem;

        border-radius: 50%;

        background-color: transparent;

        border: solid 1px #676767;

        cursor: pointer;

        position: absolute;

        z-index: 2;

        top: 50%;

        transform: translateY(-50%);

        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }

        .flow-paths .pathsm .pathper .btn img {

          width: 100%;

          display: block; }

        .flow-paths .pathsm .pathper .btn img:first-child {

          display: block; }

        .flow-paths .pathsm .pathper .btn img:last-child {

          display: none; }

      .flow-paths .pathsm .pathper .btn:hover {

        background-color: var(--themes);

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

        .flow-paths .pathsm .pathper .btn:hover img:first-child {

          display: none; }

        .flow-paths .pathsm .pathper .btn:hover img:last-child {

          display: block; }

      .flow-paths .pathsm .pathper .bl {

        left: -0.6rem; }

      .flow-paths .pathsm .pathper .br {

        right: -0.6rem; }

    .flow-paths .pathsm .pathper.white .btn {

      border: solid 1px rgba(255, 255, 255, 0.6);

      background-color: transparent; }

    .flow-paths .pathsm .pathper.white .btn:hover {

      background-color: white; }



@media (max-width: 800px) {

  .flow-paths .pathsm .pathper .bl {

    left: -0.15rem; }

  .flow-paths .pathsm .pathper .br {

    right: -0.15rem; } }

.profiles {

  width: 100%;

  padding: 0.8rem 0; }

  .profiles .filem {

    width: 100%; }

    .profiles .filem .fit {

      width: 100%;

      color: #222;

      font-weight: bold;

      line-height: 1.5;

      margin-bottom: 0.1rem; }

    .profiles .filem .finp {

      width: 100%;

      color: #666;

      line-height: 1.7; }

      .profiles .filem .finp p {

        color: #666;

        line-height: 1.7; }

  .profiles .fmglist {

    width: 100%;

    font-size: 0;

    margin-top: 0.4rem; }

    .profiles .fmglist .fmg {

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

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

      display: inline-block;

      vertical-align: top;

      position: relative;

      overflow: hidden;

      margin-bottom: 0.4rem; }

      .profiles .fmglist .fmg .img {

        width: 100%;

        padding-top: 55.21%; }

    .profiles .fmglist .fmg:nth-child(2n) {

      margin-right: 0; }



.honors {

  width: 100%;

  padding: 1rem 0;

  overflow: hidden; }

  .honors .honpers {

    width: 100%;

    position: relative; }

    .honors .honpers .swiper-container {

      position: relative;

      z-index: 2;

      padding-bottom: 4%; }

    .honors .honpers .swiper-slide {

      width: 100%; }

      .honors .honpers .swiper-slide .kuan {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .honors .honpers .swiper-slide .kuan .hei {

          width: 100%;

          padding-top: 130.89%; }

        .honors .honpers .swiper-slide .kuan .hms {

          position: absolute;

          z-index: 2;

          left: 50%;

          top: 50%;

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

          cursor: pointer;

          width: calc(278 / 322 * 100%); }

          .honors .honpers .swiper-slide .kuan .hms .imgs {

            width: 100%;

            position: relative; }

            .honors .honpers .swiper-slide .kuan .hms .imgs .img {

              width: 100%;

              padding-top: 137.68%; }

    .honors .honpers .tai {

      position: absolute;

      z-index: 1;

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

      left: 50%;

      transform: translateX(-50%);

      bottom: 0; }

      .honors .honpers .tai .hei {

        width: 100%;

        padding-top: 6.4385%; }

    .honors .honpers .btn {

      display: inline-block;

      vertical-align: middle;

      width: 0.5rem;

      height: 0.5rem;

      border-radius: 50%;

      background-color: transparent;

      border: solid 1px #676767;

      cursor: pointer;

      position: absolute;

      z-index: 2;

      top: 50%;

      transform: translateY(-50%);

      box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }

      .honors .honpers .btn img {

        width: 100%;

        display: block; }

      .honors .honpers .btn img:first-child {

        display: block; }

      .honors .honpers .btn img:last-child {

        display: none; }

    .honors .honpers .btn:hover {

      background-color: var(--themes);

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

      .honors .honpers .btn:hover img:first-child {

        display: none; }

      .honors .honpers .btn:hover img:last-child {

        display: block; }

    .honors .honpers .bl {

      left: -0.6rem; }

    .honors .honpers .br {

      right: -0.6rem; }

  .honors .honpers.white .btn {

    border: solid 1px rgba(255, 255, 255, 0.6);

    background-color: transparent; }

  .honors .honpers.white .btn:hover {

    background-color: white; }



@media (max-width: 800px) {

  .honors .honpers .bl {

    left: -0.15rem; }

  .honors .honpers .br {

    right: -0.15rem; } }

.downers {

  width: 100%;

  padding: 0.4rem 0; }

  .downers .downlist {

    width: 100%;

    font-size: 0; }

    .downers .downlist .dowm {

      display: inline-block;

      vertical-align: top;

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

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

      margin-bottom: 0.4rem;

      background-color: #f2f3f5; }

      .downers .downlist .dowm a {

        width: 100%;

        padding: 0.3rem 0.35rem;

        font-size: 0;

        display: block; }

      .downers .downlist .dowm .lx {

        display: inline-block;

        vertical-align: middle;

        width: 0.06rem;

        height: 0.28rem;

        background-color: var(--themes);

        margin-right: 0.1rem; }

      .downers .downlist .dowm .name {

        display: inline-block;

        vertical-align: middle;

        padding-right: 0.2rem;

        width: calc(100% - 0.16rem - 0.5rem);

        color: #222;

        font-weight: bold;

        line-height: 1.5; }

      .downers .downlist .dowm .ric {

        display: inline-block;

        vertical-align: middle;

        width: 0.5rem;

        height: 0.5rem;

        border-radius: 50%;

        background-color: #fff; }

        .downers .downlist .dowm .ric img {

          width: 100%;

          display: block; }

        .downers .downlist .dowm .ric img:first-child {

          display: block; }

        .downers .downlist .dowm .ric img:last-child {

          display: none; }

    .downers .downlist .dowm:nth-child(2n) {

      margin-right: 0; }

    .downers .downlist .dowm:hover .ric {

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

      .downers .downlist .dowm:hover .ric img:first-child {

        display: none; }

      .downers .downlist .dowm:hover .ric img:last-child {

        display: block; }



.companys {

  width: 100%;

  padding: 0.5rem 0 1rem; }

  .companys .cimp {

    width: 100%;

    padding: 0.5rem 0;

    border-top: solid 1px #eee;

    color: #666;

    line-height: 1.75; }

    .companys .cimp p {

      color: #666;

      line-height: 1.75; }

  .companys .datalis {

    width: 100%;

    font-size: 0;

    margin-top: 0.4rem;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .companys .datalis .datm {

      display: inline-block;

      vertical-align: middle;

      width: 20%;

      font-size: 0;

      position: relative; }

      .companys .datalis .datm .dep {

        display: inline-block;

        vertical-align: top;

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

        .companys .datalis .datm .dep .eo {

          width: 100%;

          color: #222;

          line-height: 1.5; }

        .companys .datalis .datm .dep .eg {

          width: 100%;

          color: #222;

          margin-top: 0.1rem; }

          .companys .datalis .datm .dep .eg span {

            display: inline-block;

            color: var(--themes);

            font-weight: bold;

            margin-right: 0.1rem; }

      .companys .datalis .datm .der {

        display: inline-block;

        vertical-align: top;

        width: 0.4rem;

        height: 0.4rem; }

        .companys .datalis .datm .der img {

          width: 100%;

          display: block; }

      .companys .datalis .datm:after {

        content: ' ';

        position: absolute;

        left: calc(115%);

        height: 100%;

        width: 1px;

        top: 0;

        background-color: #dcdcdc; }

    .companys .datalis .datm:nth-child(4n):after {

      display: none; }



@media (max-width: 800px) {

  .companys .datalis .datm {

    width: 44%;

    margin-bottom: 0.2rem; }

  .companys .datalis .datm:nth-child(2n):after {

    display: none; } }

.plants {

  width: 100%;

  padding: 1rem 0; }

  .plants .plantnav {

    width: 100%;

    position: relative;

    margin-bottom: 0.5rem; }

    .plants .plantnav .swiper-wrapper.center {

      justify-content: center; }

    .plants .plantnav .swiper-slide {

      display: inline-block;

      vertical-align: middle;

      width: auto;

      padding: 0 0.4rem;

      line-height: 2.8;

      border-radius: 1.4em;

      border: solid 1px #e5e5e5;

      cursor: pointer;

      color: #222; }

    .plants .plantnav .swiper-slide.on, .plants .plantnav .swiper-slide:hover {

      background-color: var(--themes);

      color: #fff;

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

    .plants .plantnav .swiper-slide + .swiper-slide {

      margin-left: 0.2rem; }

  .plants .plantper {

    width: 100%;

    position: relative; }

    .plants .plantper .swiper-slide {

      width: 100%; }

      .plants .plantper .swiper-slide .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .plants .plantper .swiper-slide .imgs .img {

          width: 100%;

          padding-top: 67.85%;

          transition: all ease 0.5s; }

    .plants .plantper .btn {

      position: absolute;

      z-index: 3;

      top: 50%;

      transform: translateY(-50%);

      width: 0.5rem;

      height: 0.5rem;

      border-radius: 50%;

      cursor: pointer;

      border: solid 1px rgba(103, 103, 103, 0.6);

      transition: all ease 0.5s;

      opacity: 1; }

      .plants .plantper .btn img {

        width: 100%;

        display: block; }

      .plants .plantper .btn img:first-child {

        display: block; }

      .plants .plantper .btn img:last-child {

        display: none; }

    .plants .plantper .btn:hover {

      background-color: var(--themes);

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

      opacity: 0.6; }

      .plants .plantper .btn:hover img:first-child {

        display: none; }

      .plants .plantper .btn:hover img:last-child {

        display: block; }

    .plants .plantper .bl {

      left: -0.7rem; }

    .plants .plantper .br {

      right: -0.7rem; }

  .plants .plcont {

    width: 100%; }

    .plants .plcont .plitem {

      width: 100%;

      display: none; }

    .plants .plcont .plitem.on {

      display: block; }



@media (max-width: 1680px) {

  .plants .plantper .btn {

    background-color: #f3f6f9; }

  .plants .plantper .bl {

    left: -0.2rem; }

  .plants .plantper .br {

    right: -0.2rem; } }

.Corporates {

  width: 100%;

  padding: 1rem 0 0.5rem; }

  .Corporates .corpers {

    width: 100%;

    position: relative; }

    .Corporates .corpers .swiper-slide {

      width: 100%; }

      .Corporates .corpers .swiper-slide .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .Corporates .corpers .swiper-slide .imgs .img {

          width: 100%;

          padding-top: 67.85%;

          transition: all ease 0.5s; }

    .Corporates .corpers .btn {

      position: absolute;

      z-index: 3;

      top: 50%;

      transform: translateY(-50%);

      width: 0.5rem;

      height: 0.5rem;

      border-radius: 50%;

      cursor: pointer;

      border: solid 1px rgba(103, 103, 103, 0.6);

      transition: all ease 0.5s;

      opacity: 1; }

      .Corporates .corpers .btn img {

        width: 100%;

        display: block; }

      .Corporates .corpers .btn img:first-child {

        display: block; }

      .Corporates .corpers .btn img:last-child {

        display: none; }

    .Corporates .corpers .btn:hover {

      background-color: var(--themes);

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

      opacity: 0.6; }

      .Corporates .corpers .btn:hover img:first-child {

        display: none; }

      .Corporates .corpers .btn:hover img:last-child {

        display: block; }

    .Corporates .corpers .bl {

      left: -0.7rem; }

    .Corporates .corpers .br {

      right: -0.7rem; }



@media (max-width: 1680px) {

  .Corporates .corpers .btn {

    background-color: #f3f6f9; }

  .Corporates .corpers .bl {

    left: -0.2rem; }

  .Corporates .corpers .br {

    right: -0.2rem; } }

.teams {

  width: 100%;

  padding: 0.5rem 0 1rem; }

  .teams .teamper {

    width: 100%;

    position: relative; }

    .teams .teamper .btn {

      position: absolute;

      z-index: 3;

      top: 50%;

      transform: translateY(-50%);

      width: 0.5rem;

      height: 0.5rem;

      border-radius: 50%;

      cursor: pointer;

      border: solid 1px rgba(103, 103, 103, 0.6);

      transition: all ease 0.5s;

      opacity: 1; }

      .teams .teamper .btn img {

        width: 100%;

        display: block; }

      .teams .teamper .btn img:first-child {

        display: block; }

      .teams .teamper .btn img:last-child {

        display: none; }

    .teams .teamper .btn:hover {

      background-color: var(--themes);

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

      opacity: 0.6; }

      .teams .teamper .btn:hover img:first-child {

        display: none; }

      .teams .teamper .btn:hover img:last-child {

        display: block; }

    .teams .teamper .bl {

      left: 20%; }

    .teams .teamper .br {

      right: 20%; }

    .teams .teamper .swiper-slide {

      width: 100%; }

      .teams .teamper .swiper-slide .imgs {

        width: 100%;

        position: relative;

        overflow: hidden;

        transition: all ease 0.5s;

        opacity: 0.4; }

        .teams .teamper .swiper-slide .imgs .img {

          width: 100%;

          padding-top: 56.28%; }

    .teams .teamper .swiper-slide-active .imgs {

      opacity: 1; }



@media (max-width: 800px) {

  .teams .teamper .bl {

    left: 0.3rem; }

  .teams .teamper .br {

    right: 0.3rem; } }

@media (max-width: 450px) {

  .teams .teamper .btn {

    background-color: #f3f6f9; }

  .teams .teamper .bl {

    left: 0.3rem; }

  .teams .teamper .br {

    right: 0.3rem; } }

.certs {

  width: 100%;

  padding: 1rem 0;

  overflow: hidden; }

  .certs .honopers {

    width: 100%;

    font-size: 0;

    position: relative; }

    .certs .honopers .swiper-container {

      position: relative;

      z-index: 2;

      padding: 0 calc(160 / 1920 * 100%) 1.2rem; }

    .certs .honopers .swiper-slide {

      transition: all ease 0.5s;

      opacity: 0; }

    .certs .honopers .swiper-slide-active {

      opacity: 1; }

    .certs .honopers .hogom {

      display: inline-block;

      vertical-align: top;

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

      position: relative;

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

      box-shadow: 9px -1px 8px 1px rgba(11, 62, 122, 0.1); }

      .certs .honopers .hogom a {

        width: 100%;

        display: block; }

      .certs .honopers .hogom .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .certs .honopers .hogom .imgs .img {

          width: 100%;

          padding-top: 130.894%; }

      .certs .honopers .hogom .cmgs {

        position: absolute;

        left: 50%;

        top: 50%;

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

        width: calc(204 / 246 * 100%);

        overflow: hidden; }

        .certs .honopers .hogom .cmgs .img {

          width: 100%;

          padding-top: 140.196%; }

      .certs .honopers .hogom .pim {

        width: 100%;

        text-align: center;

        color: #333;

        line-height: 1.5;

        position: absolute;

        top: calc(100% + 0.6rem); }

    /* .certs .honopers .hogom:nth-child(8n+1) {

      margin-left: calc(310 / 1600 * 100%); } */

    .certs .honopers .hogom:nth-child(5n) {

      margin-right: 0; }

    .certs .honopers .hogom:nth-child(10n+1), .certs .honopers .hogom:nth-child(10n+2), .certs .honopers .hogom:nth-child(10n+3), .certs .honopers .hogom:nth-child(10n+4) ,.certs .honopers .hogom:nth-child(10n+5) {

      margin-bottom: 1.3rem; }

    /* .certs .honopers .hogom:nth-child(8n+8) {

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

    .certs .honopers .after {

      position: absolute;

      z-index: 1;

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

      overflow: hidden;

      /* left: calc( -80 / 1920 * 100%); */
      left: 50%;
      transform: translateX(-50%);

      bottom: 0.5rem; }

      .certs .honopers .after .mk {

        width: 100%;

        padding-top: 6.54%; }

    .certs .honopers .before {

      position: absolute;

      z-index: 1;

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

      overflow: hidden;

      /* right: calc( -80 / 1920 * 100%); */
      left: 50%;
      transform: translateX(-50%);

      top: 32%; }

      .certs .honopers .before .mk {

        width: 100%;

        padding-top: 6.54%; }

    .certs .honopers .swiper-pagination {

      bottom: 0; }

    .certs .honopers .swiper-pagination-bullet {

      background-color: #fff;

      opacity: 1; }

    .certs .honopers .swiper-pagination-bullet-active {

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



@media (max-width: 800px) {

  .certs .honopers .swiper-container {

    padding-bottom: 1.4rem; }

  .certs .honopers .hogom {

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

    margin-right: calc(101 / 1600 * 100%) !important;

    margin-bottom: 0 !important; }

    .certs .honopers .hogom .pim {

      top: calc(100% + 0.45rem); }

  .certs .honopers .hogom:nth-child(4n+1) {

    margin-left: calc(310 / 1600 * 100%); }

  .certs .honopers .hogom:nth-child(4n+2) {

    margin-right: 0 !important; }

  .certs .honopers .hogom:nth-child(4n+1), .certs .honopers .hogom:nth-child(4n+2) {

    margin-bottom: 1.5rem !important; }

  .certs .honopers .hogom:nth-child(4n+4) {

    margin-right: calc(310 / 1600 * 100%) !important; }

  .certs .honopers .after {

    bottom: 0.9rem; }

  .certs .honopers .before {

    top: 34%; } }

.history {

  width: 100%;

  padding: 1rem 0;

  overflow: hidden; }

  .history .baspers {

    width: 100%;

    position: relative; }

    .history .baspers .line {

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

      position: absolute;

      z-index: 1;

      overflow: hidden;

      top: 50%;

      left: 50%;

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

      .history .baspers .line .mg {

        width: 100%;

        padding-top: 10.357%; }

    .history .baspers .swiper-container {

      padding: 2.75rem calc(160 / 1920 * 100%) 1.4rem;

      position: relative;

      z-index: 2; }

    .history .baspers .swiper-slide {

      width: 100%; }

      .history .baspers .swiper-slide .swom {

        width: 100%;

        transition: all ease 0.5s;

        opacity: 0; }

        .history .baspers .swiper-slide .swom .lom {

          display: inline-block;

          vertical-align: middle;

          display: flex;

          flex-wrap: wrap;

          width: 0.36rem; }

          .history .baspers .swiper-slide .swom .lom .point {

            width: 0.36rem;

            height: 0.36rem;

            display: block; }

            .history .baspers .swiper-slide .swom .lom .point img {

              width: 100%;

              display: block; }

          .history .baspers .swiper-slide .swom .lom .ld {

            position: relative;

            width: 1px;

            height: 1.64rem;

            display: block;

            margin: 0 auto;

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

        .history .baspers .swiper-slide .swom .rom {

          position: absolute;

          left: 0.56rem;

          top: 0;

          width: 3.5  rem; }

          .history .baspers .swiper-slide .swom .rom .vt {

            width: 100%;

            color: #fff;

            line-height: 1.4;

            margin-bottom: 0.06rem; }

          .history .baspers .swiper-slide .swom .rom .xm {

            width: 100%;

            color: #fff;

            line-height: 1.4; }

            .history .baspers .swiper-slide .swom .rom .xm p {

              color: #fff;

              line-height: 1.4; }

          .history .baspers .swiper-slide .swom .rom .num {

            width: 100%;

            color: #fff;

            margin-top: 0.2rem;

            font-weight: bold; }

    .history .baspers .swiper-slide-active .swom {

      position: relative;

      top: -0.7rem;

      opacity: 1; }

    .history .baspers .swiper-slide-active + .swiper-slide .swom {

      position: relative;

      top: 0.75rem;

      opacity: 1; }

      .history .baspers .swiper-slide-active + .swiper-slide .swom .lom {

        flex-direction: column-reverse; }

      .history .baspers .swiper-slide-active + .swiper-slide .swom .rom {

        display: flex;

        flex-wrap: wrap;

        flex-direction: column-reverse;

        top: auto;

        bottom: 0; }

        .history .baspers .swiper-slide-active + .swiper-slide .swom .rom .num {

          margin-top: 0;

          margin-bottom: 0.2rem; }

    .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide .swom {

      position: relative;

      top: -1.15rem;

      opacity: 1; }

    .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .swom {

      position: relative;

      top: 0.1rem;

      opacity: 1; }

      .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .swom .lom {

        flex-direction: column-reverse; }

      .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .swom .rom {

        display: flex;

        flex-wrap: wrap;

        flex-direction: column-reverse;

        top: auto;

        bottom: 0; }

        .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .swom .rom .num {

          margin-top: 0;

          margin-bottom: 0.2rem; }

    .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .swom {

      position: relative;

      top: -2rem;

      opacity: 1; }

    .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .swom {

      position: relative;

      top: -2.4rem;

      opacity: 0; }

      .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .swom .lom {

        flex-direction: column-reverse; }

      .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .swom .rom {

        display: flex;

        flex-wrap: wrap;

        flex-direction: column-reverse;

        top: auto;

        bottom: 0; }

        .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .swom .rom .num {

          margin-top: 0;

          margin-bottom: 0.2rem; }

    .history .baspers .swiper-slide-prev .swom {

      opacity: 0; }



@media (max-width: 800px) {

  .history .baspers .swiper-container {

    padding: 2.75rem 3% 1.4rem;

    position: relative;

    z-index: 2; }

  .history .baspers .line {

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

    position: absolute;

    z-index: 1;

    overflow: hidden;

    top: 50%;

    left: 50%;

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

    .history .baspers .line .mg {

      width: 100%;

      padding-top: 26.357%; }

  .history .baspers .swiper-slide {

    width: 100%; }

    .history .baspers .swiper-slide .swom {

      width: 100%;

      transition: all ease 0.5s;

      opacity: 0 !important; }

  .history .baspers .swiper-slide-active .swom {

    position: relative;

    top: -0.85rem;

    opacity: 1 !important; }

  .history .baspers .swiper-slide-active + .swiper-slide .swom {

    position: relative;

    top: 0.25rem;

    opacity: 1 !important; }

  .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide .swom {

    position: relative;

    top: -1.5rem;

    opacity: 0 !important; }

  .history .baspers .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .swom {

    position: relative;

    top: -1.9rem; } }



    .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%;
        text-align: center;
        font-size: 0; }
        .seacrom .searnav .sitem {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          padding: 0 0.5rem;
          min-width: 2rem;
          cursor: pointer;
          line-height: 3;
          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 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; }