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

.w1400 {

  width: 14rem;

  margin: 0 auto;

  position: relative;

  font-size: 0;

  max-width: 100%; }



@media (max-width: 1420px) {

  .w1400 {

    width: 90%; } }

@media (max-width: 800px) {

  .w1400 {

    width: 94%; } }

.w1280 {

  width: 12.8rem;

  margin: 0 auto;

  position: relative;

  font-size: 0;

  max-width: 100%; }



@media (max-width: 1300px) {

  .w1280 {

    width: 90%; } }

@media (max-width: 800px) {

  .w1280 {

    width: 94%; } }

header {

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 10;

  background-color: black;

  transition: all ease 0.5s; }

  header .hop {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center; }

  header .logo {

    width: 2.07rem;

    display: inline-block;

    vertical-align: middle; }

    header .logo a, header .logo img {

      width: 100%;

      display: block; }

  header nav {

    display: inline-block;

    vertical-align: middle;

    flex: 1;

    text-align: center; }

    header nav .natem {

      width: auto;

      display: inline-block;

      vertical-align: middle;

      position: relative;

      text-align: center;

      font-size: 0; }

      header nav .natem .nas {

        width: auto;

        display: inline-block;

        position: relative;

        margin: 0 0.26rem; }

        header nav .natem .nas a {

          display: inline-block;

          line-height: 1rem;

          color: #fff;

          position: relative;

          padding: 0 0.15rem; }

        header nav .natem .nas:after {

          content: ' ';

          position: absolute;

          left: 50%;

          bottom: 0rem;

          transform: translateX(-50%);

          opacity: 0;

          width: 100%;

          height: 3px;

          background-color: #1c38e2;

          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: #1c38e2;

            color: #fff; }

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

            content: "+";

            display: inline-block;

            width: 36px;

            height: 36px;

            line-height: 36px;

            text-align: center;

            position: absolute;

            background: none;

            right: 0;

            left: auto;

            transform: translateX(0);

            top: 0.05rem;

            font-size: 20px;

            color: #333;

            border: none;

            display: none; }

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

            content: "-"; }

    header nav .natem.on .nas a {

      color: #1c38e2; }

    header nav .natem.on .nas:after {

      opacity: 1;

      width: 100%; }

    header nav .natem:hover .nas a {

      color: #1c38e2; }

    header nav .natem:hover .nas:after {

      opacity: 1;

      width: 100%; }

  header .rav {

    display: inline-block;

    vertical-align: middle;

    width: auto; }

    header .rav .menu {

      display: none; }

    header .rav .search {

      display: inline-block;

      vertical-align: middle;

      width: auto;

      text-align: center;

      cursor: pointer;

      position: relative;

      margin-left: 0.2rem;

      height: 1rem; }

      header .rav .search .sc {

        display: inline-block;

        vertical-align: middle;

        width: 19px;

        position: absolute;

        left: 50%;

        top: 50%;

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

        z-index: 3; }

        header .rav .search .sc img {

          width: 100%;

          display: block; }

    header .rav .languages {

      width: auto;

      display: inline-block;

      vertical-align: middle;

      font-size: 0;

      margin: 0 0.1rem;

      text-align: left;

      margin-right: 0.3rem; }

      header .rav .languages .lauges {

        width: 100%;

        display: inline-block;

        vertical-align: middle;

        position: relative; }

        header .rav .languages .lauges .lashow {

          width: 100%;

          color: #a3a3a3;

          position: relative;

          cursor: pointer;

          font-size: 0;

          padding-right: 0.1rem; }

          header .rav .languages .lauges .lashow .ac {

            display: inline-block;

            vertical-align: middle;

            width: 0.2rem;

            height: 0.2rem;

            width: 19px;

            height: 19px;

            margin-right: 0.1rem; }

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

              width: 100%;

              display: block; }

          header .rav .languages .lauges .lashow .am {

            color: #fff;

            line-height: 0.8rem;

            display: inline-block;

            vertical-align: middle;

            width: auto; }

          header .rav .languages .lauges .lashow:after {

            content: ' ';

            position: absolute;

            right: 0rem;

            top: calc(50% + 0.015rem);

            transform: translateY(-50%);

            width: 0;

            height: 0;

            border: solid 0.03rem;

            border-color: #fff transparent transparent transparent; }

        header .rav .languages .lauges .language {

          position: absolute;

          z-index: 10;

          top: 100%;

          width: 100%;

          display: none;

          width: 60px;

          width: 1rem;

          left: 50%;

          transform: translateX(-50%); }

          header .rav .languages .lauges .language .latem {

            width: 100%; }

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

              width: 100%;

              display: block;

              color: #333;

              padding: 0 0.1rem;

              line-height: 3;

              text-align: center;

              position: relative;

              background: #efefef;

              overflow: hidden; }

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

                display: inline-block;

                vertical-align: middle;

                position: relative;

                z-index: 2; }

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

                content: "";

                position: absolute;

                width: 140%;

                height: 100%;

                left: -10%;

                top: 0;

                z-index: -1;

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

                background: #1c38e2;

                z-index: 1;

                animation: outHover 0.5s ease 1 forwards; }

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

              color: #fff; }

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

                color: #fff; }

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

                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 .rav .ss {

      display: inline-block;

      vertical-align: middle;

      width: 0.2rem;

      height: 0.2rem;

      cursor: pointer;

      margin-right: 0.24rem; }

      header .rav .ss img {

        width: 100%;

        display: block; }

      header .rav .ss img:first-child {

        display: block; }

      header .rav .ss img:last-child {

        display: none; }

  header .sechom {

    position: absolute;

    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 .sechom form {

      width: 100%;

      display: block;

      font-size: 0; }

    header .sechom .input {

      display: inline-block;

      vertical-align: middle;

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

      border: solid 1px #e5e5e5;

      margin-right: 0.2rem; }

      header .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 .sechom .stn {

      display: inline-block;

      vertical-align: middle;

      width: 2.2em;

      height: 2.2em;

      border-radius: 50%;

      background-color: #1c38e2;

      position: relative; }

      header .sechom .stn img {

        position: absolute;

        top: 50%;

        left: 50%;

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

        width: 22px;

        height: 21px;

        width: 0.22rem;

        height: 0.21rem;

        display: block;

        border-radius: 50%;

        cursor: pointer;

        z-index: 1; }

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



@media (max-width: 880px) {

  header .hop {

    height: 1rem; }

  header .search {

    width: auto;

    padding: 0 0.15rem; }

  header .rav {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    text-align: right;

    flex: 1; }

    header .rav .menu {

      display: inline-block;

      vertical-align: middle;

      width: 24px;

      height: 24px;

      margin-left: 0.1rem;

      cursor: pointer;

      position: relative; }

      header .rav .menu img {

        width: 100%;

        height: 100%;

        display: block; }

      header .rav .menu img:first-child {

        display: block; }

      header .rav .menu img:last-child {

        display: none; }

      header .rav .menu .clk {

        width: 100%;

        height: 100%;

        text-align: center;

        color: #fff;

        font-size: 20px;

        line-height: 24px;

        text-align: center;

        position: absolute;

        z-index: 3;

        left: 50%;

        top: 50%;

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

        display: none; }

    header .rav .languages .lauges .lashow .am {

      line-height: 1rem; }

    header .rav .tell .tom .xt, header .rav .tell .tom .mp {

      font-size: 12px; }

    header .rav .ss {

      display: inline-block;

      vertical-align: middle;

      width: 0.3rem;

      height: 0.3rem; }

    header .rav .stvm.long {

      text-align: left; }

      header .rav .stvm.long .vic {

        width: 0.3rem;

        height: 0.3rem; }

      header .rav .stvm.long .input {

        width: 2.2rem; }

  header nav {

    width: 100%;

    position: fixed;

    right: 0;

    top: calc(1rem);

    left: auto;

    height: calc(100vh - 1rem);

    background-color: #fff;

    margin-right: 0;

    overflow: auto;

    z-index: 500;

    transition: transform .3s;

    padding-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: #1c38e2;

          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: #1c38e2; }

          header nav .natem .navuls ul li + li {

            border-top: solid 1px #eee; }

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

            background-color: transparent;

            color: #1c38e2; }

          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: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 .sechom {

    width: 80vw; }



  header.menu-state .rav .menu img {

    opacity: 0; } }

.banner {

  width: 100%;

  position: relative; }

  .banner .swiper-slide {

    width: 100%; }

    .banner .swiper-slide .imgs {

      width: 100%;

      position: relative;

      overflow: hidden; }

      .banner .swiper-slide .imgs .img {

        width: 100%;

        padding-top: 34.12%; }

    .banner .swiper-slide .box {

      position: absolute;

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

      top: 50%;

      transform: translateY(-50%);

      z-index: 3;

      width: 7rem;

      max-width: 90%; }

      .banner .swiper-slide .box .bix {

        width: 100%;

        color: #fff;

        line-height: 1.3;

        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 .bix p {

          color: #fff;

          line-height: 1.3; }

      .banner .swiper-slide .box .bim {

        width: 100%;

        margin: 0.1rem 0 0.2rem;

        color: #fff;

        line-height: 1.3;

        font-weight: bold;

        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 .bim p {

          color: #fff;

          line-height: 1.3;

          font-weight: bold; }

      .banner .swiper-slide .box .bip {

        width: 100%;

        color: #fff;

        line-height: 1.8;

        margin-top: 0.2rem;

        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 .bip p {

          color: #fff;

          line-height: 1.8; }

      .banner .swiper-slide .box .biv {

        width: 100%;

        color: #fff;

        line-height: 1.3;

        margin-bottom: 0.2rem;

        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 .biv p {

          color: #fff;

          line-height: 1.3; }

      .banner .swiper-slide .box .more {

        width: 100%;

        font-size: 0;

        margin-top: 0.8rem;

        opacity: 0;

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

        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }

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

          display: inline-block;

          vertical-align: middle;

          background-image: linear-gradient(-30deg, #3e66e9 0%, #0257d8 100%);

          line-height: 3;

          border-radius: 1.5em;

          padding: 0 0.27rem;

          color: #fff; }

          .banner .swiper-slide .box .more a span {

            display: inline-block;

            vertical-align: middle;

            width: 0.23rem;

            height: 0.23rem;

            border-radius: 50%;

            background-color: #fff;

            margin-left: 0.3rem;

            position: relative;

            z-index: 2;

            top: -0.02rem; }

            .banner .swiper-slide .box .more a span img {

              width: 100%;

              display: block; }

            .banner .swiper-slide .box .more a span:after {

              content: ' ';

              width: 0.3rem;

              height: 0.3rem;

              position: absolute;

              left: 50%;

              top: 50%;

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

              z-index: 1;

              border-radius: 50%;

              border: dashed 1px rgba(255, 255, 255, 0.5); }

  .banner .swiper-slide-active .box .bim, .banner .swiper-slide-active .box .bix, .banner .swiper-slide-active .box .bip, .banner .swiper-slide-active .box .biv, .banner .swiper-slide-active .box .more {

    opacity: 1;

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

  .banner .swiper-pagination {

    bottom: 0.3rem;

    font-size: 0;

    z-index: 2;

    width: auto;

    left: 0;

    text-align: center; }

  .banner .swiper-pagination-bullet {

    display: inline-block;

    vertical-align: middle;

    width: 6px;

    height: 6px;

    margin: 0 0.2rem;

    border-radius: 3px;

    opacity: 1;

    background-color: white;

    position: relative;

    overflow: hidden; }

  .banner .swiper-pagination-bullet-active {

    width: 10px;

    height: 10px;

    background-color: transparent;

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

    background-size: 100% 100%;

    animation: cycle linear infinite 5s; }

@keyframes cycle {

  0% {

    transform: rotate(0deg); }

  100% {

    transform: rotate(360deg); } }

@media (max-width: 1620px) {

  .banner .swiper-slide .box {

    left: 3%; }

  .banner .swiper-pagination {

    left: 0%; } }

@media (max-width: 800px) {

  .banner .swiper-slide .box {

    left: calc(3%);

    width: calc(94%); }

  .banner .swiper-slide .imgs .img {

    padding-top: 80%; } }

footer {

  width: 100%;

  background-color: #121212; }

  footer .ftop {

    width: 100%; }

  footer .fop {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap; }

    footer .fop .ftl {

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

      display: inline-block;

      vertical-align: middle;

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

    footer .fop .ftr {

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

      display: inline-block;

      vertical-align: middle;

      padding: 0.6rem 0 0.3rem 0.3rem;

      text-align: right; }

      footer .fop .ftr .fod {

        width: 100%; }

      footer .fop .ftr .fum {

        width: 100%;

        color: #fff;

        line-height: 1.5; }

      footer .fop .ftr .fim {

        width: 100%;

        padding: 0.2rem 0 0.3rem;

        color: #fff;

        line-height: 1.7; }

        footer .fop .ftr .fim p {

          color: #fff;

          line-height: 1.7; }

      footer .fop .ftr .fdm {

        width: 100%;

        font-size: 0; }

        footer .fop .ftr .fdm .codm {

          display: inline-block;

          vertical-align: middle;

          width: 1.36rem; }

          footer .fop .ftr .fdm .codm img {

            width: 100%;

            display: block; }

        footer .fop .ftr .fdm .cx {

          width: 100%;

          text-align: center;

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

          line-height: 1.5;

          margin-top: 0.12rem; }

    footer .fop .ftm {

      width: 100%;

      padding: 0.6rem 0.3rem 0.4rem 0;

      font-size: 0; }

      footer .fop .ftm .fogo {

        display: inline-block;

        vertical-align: middle;

        width: 2.5rem; }

        footer .fop .ftm .fogo a, footer .fop .ftm .fogo img {

          width: 100%;

          display: block; }

    footer .fop .ftm + .ftb {

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

    footer .fop .ftb {

      width: 100%;

      font-size: 0;

      padding: 0.6rem 0.5rem 0.5rem; }

      footer .fop .ftb .fit {

        width: 100%;

        font-size: 0;

        margin-bottom: 0.1rem; }

        footer .fop .ftb .fit a {

          display: inline-block;

          vertical-align: middle;

          color: #fff;

          line-height: 1.4;

          font-weight: bold;

          transition: all ease 0.5s;

          padding: 0.06rem 0; }

        footer .fop .ftb .fit a:hover {

          color: #1a36e2; }

      footer .fop .ftb .lx {

        width: 0.2rem;

        display: block;

        margin: 0.2rem 0;

        height: 3px;

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

      footer .fop .ftb .flist {

        display: inline-block;

        vertical-align: top;

        width: calc(173 / 1040 * 100%);

        text-align: left; }

        footer .fop .ftb .flist .ful {

          width: 100%;

          padding-right: 0.2rem; }

          footer .fop .ftb .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 .ftb .flist .ful a:hover {

            color: #fff; }

          footer .fop .ftb .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 .fbot {

    width: 100%;

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

  footer .fot {

    width: 100%;

    padding: 0.24rem 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    footer .fot .fm {

      display: inline-block;

      vertical-align: middle;

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

      line-height: 1.75; }



@media (max-width: 800px) {

  footer .fop .ftl {

    width: 100%;

    border-right: none; }

    footer .fop .ftl .ftb {

      width: 100%;

      padding: 0.2rem 0; }

      footer .fop .ftl .ftb .flist {

        width: 100%;

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

        position: relative; }

        footer .fop .ftl .ftb .flist .fit {

          width: 100%;

          margin-bottom: 0;

          padding: 0.3rem 0; }

        footer .fop .ftl .ftb .flist .lx {

          display: none; }

        footer .fop .ftl .ftb .flist .ful {

          width: 100%;

          font-size: 0;

          padding-bottom: 0.15rem;

          display: none; }

          footer .fop .ftl .ftb .flist .ful a {

            line-height: 2; }

      footer .fop .ftl .ftb .flist:first-child {

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

      footer .fop .ftl .ftb .flist.has-ful:after {

        content: " ";

        display: inline-block;

        width: 12px;

        height: 6px;

        background-image: url("../images/x1.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.45rem;

        color: #333;

        border: none;

        transition: all ease 0.5s; }

      footer .fop .ftl .ftb .flist.has-ful.show:after {

        content: " ";

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

    footer .fop .ftl .ftm + .ftb {

      border-top: none; }

  footer .fop .ftr {

    width: 100%;

    text-align: left;

    padding: 0.4rem 0;

    font-size: 0; }

    footer .fop .ftr .fod {

      width: 50%;

      display: inline-block;

      vertical-align: middle;

      padding-right: 0.3rem; }

    footer .fop .ftr .fdm {

      display: inline-block;

      vertical-align: middle;

      width: 50%;

      text-align: center; }

      footer .fop .ftr .fdm .codm {

        width: 2.2rem; } }

.modular {

  width: 100%; }

  .modular .mitop {

    width: 100%;

    margin-bottom: 0.5rem; }

    .modular .mitop .mt {

      width: 100%;

      color: #222;

      font-weight: bold;

      line-height: 1.3; }

    .modular .mitop .mv {

      width: 100%;

      color: #1a36e2;

      font-weight: bold;

      line-height: 1.3; }

    .modular .mitop .mip {

      width: 100%;

      margin-top: 0.3rem;

      text-align: center;

      color: #666;

      line-height: 1.7; }

      .modular .mitop .mip p {

        color: #666;

        line-height: 1.7; }

  .modular .mitop.mid .mt, .modular .mitop.mid .mv {

    text-align: center; }

  .modular .mitop.white .mt, .modular .mitop.white .mv {

    color: #fff; }



.newdes {

  width: 100%;

  padding: 0.8rem 0; }

  .newdes .newems {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .newdes .newems .nitem {

      position: relative;

      overflow: hidden; }

      .newdes .newems .nitem a {

        width: 100%;

        display: block; }

      .newdes .newems .nitem .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .newdes .newems .nitem .imgs .img {

          width: 100%;

          height: 5.8rem;

          transition: all ease 0.8s; }

      .newdes .newems .nitem .cond {

        position: absolute;

        z-index: 3;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        display: flex;

        flex-wrap: wrap;

        align-content: space-between;

        padding: 0.4rem 0.3rem;

        overflow: hidden; }

        .newdes .newems .nitem .cond .cop {

          width: 100%;

          font-size: 0; }

          .newdes .newems .nitem .cond .cop .time {

            width: 100%;

            color: #fff;

            line-height: 1.5; }

          .newdes .newems .nitem .cond .cop .label {

            width: 100%;

            font-size: 0;

            margin: 0.1rem 0 0.2rem; }

            .newdes .newems .nitem .cond .cop .label span {

              display: inline-block;

              vertical-align: middle;

              line-height: 2.2;

              border-radius: 1.1em;

              padding: 0 0.15rem;

              color: #fff;

              border: solid 1px #fff; }

          .newdes .newems .nitem .cond .cop .cit {

            width: 100%;

            color: #fff;

            font-weight: bold;

            line-height: 1.5; }

          .newdes .newems .nitem .cond .cop .cim {

            width: 100%;

            color: #fff;

            line-height: 1.7;

            margin-top: 0.15rem;

            position: relative;

            top: 0.3rem;

            opacity: 0;

            transition: all ease 0.8s; }

            .newdes .newems .nitem .cond .cop .cim p {

              color: #fff;

              line-height: 1.7; }

        .newdes .newems .nitem .cond .cot {

          width: 100%;

          font-size: 0; }

          .newdes .newems .nitem .cond .cot .mtn {

            display: inline-block;

            vertical-align: middle;

            background-image: linear-gradient(-30deg, #3e66e9 0%, #0257d8 100%);

            line-height: 3;

            border-radius: 1.5em;

            padding: 0 0.27rem;

            color: #fff;

            width: auto;

            position: relative;

            top: 0.3rem;

            opacity: 0;

            transition: all ease 0.8s;

            transition-delay: 0.2s; }

            .newdes .newems .nitem .cond .cot .mtn span {

              display: inline-block;

              vertical-align: middle;

              width: 0.23rem;

              height: 0.23rem;

              border-radius: 50%;

              background-color: #fff;

              margin-left: 0.3rem;

              position: relative;

              z-index: 2;

              top: -0.02rem; }

              .newdes .newems .nitem .cond .cot .mtn span img {

                width: 100%;

                display: block; }

              .newdes .newems .nitem .cond .cot .mtn span:after {

                content: ' ';

                width: 0.3rem;

                height: 0.3rem;

                position: absolute;

                left: 50%;

                top: 50%;

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

                z-index: 1;

                border-radius: 50%;

                border: dashed 1px rgba(255, 255, 255, 0.5); }

    .newdes .newems .nitem.black .cond .time {

      color: #333; }

    .newdes .newems .nitem.black .cond .label span {

      color: #333;

      border: solid 1px #333; }

    .newdes .newems .nitem.black .cond .cit {

      color: #333; }

    .newdes .newems .nitem.black .cond .cim {

      color: #333; }

      .newdes .newems .nitem.black .cond .cim p {

        color: #333; }

    .newdes .newems .nitem:hover .imgs .img {

      transform: scale(1.1); }

    .newdes .newems .nitem:hover .cond .cot .mtn {

      top: 0;

      opacity: 1; }

    .newdes .newems .nitem:hover .cond .cop .cim {

      top: 0;

      opacity: 1; }

    .newdes .newems .nel {

      display: inline-block;

      vertical-align: middle;

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

    .newdes .newems .nem {

      display: inline-block;

      vertical-align: middle;

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

    .newdes .newems .ner {

      display: inline-block;

      vertical-align: middle;

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

      .newdes .newems .ner .nerm {

        width: 100%; }

      .newdes .newems .ner .nitem .imgs .img {

        height: 2.7rem; }

      .newdes .newems .ner .nitem .cond .cot {

        display: none; }

      .newdes .newems .ner .nitem + .nitem {

        margin-top: 0.4rem; }



@media (max-width: 800px) {

  .newdes .newems .nitem .cond .cot .mtn {

    top: 0;

    opacity: 1; }

  .newdes .newems .nitem .cond .cop .cim {

    top: 0;

    opacity: 1; }

  .newdes .newems .nel {

    width: 100%;

    margin-bottom: 0.2rem; }

  .newdes .newems .nem {

    width: 100%;

    margin-bottom: 0.2rem; }

  .newdes .newems .ner {

    width: 100%; }

    .newdes .newems .ner .nitem {

      display: inline-block;

      vertical-align: top;

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

      margin-right: 0.2rem; }

      .newdes .newems .ner .nitem .imgs .img {

        height: 4.2rem; }

      .newdes .newems .ner .nitem .cond .cot {

        display: block; }

    .newdes .newems .ner .nitem:nth-child(2n) {

      margin-right: 0; }

    .newdes .newems .ner .nitem + .nitem {

      margin-top: 0; } }

.procens {

  width: 100%;

  padding: 0.8rem 0;

  overflow: hidden; }

  .procens .propers {

    width: 100%;

    position: relative; }

    .procens .propers .swiper-slide {

      width: 100%;

      font-size: 0;

      position: relative;

      background-color: #f7f8fa;

      border-radius: 0.3rem;

      overflow: hidden; }

      .procens .propers .swiper-slide a {

        width: 100%;

        display: flex; }

      .procens .propers .swiper-slide .swl {

        display: inline-block;

        vertical-align: middle;

        width: 50%;

        padding: 0.4rem;

        display: flex;

        flex-wrap: wrap;

        align-items: center; }

        .procens .propers .swiper-slide .swl .sit {

          width: 100%;

          color: #222;

          line-height: 1.3;

          font-weight: bold; }

        .procens .propers .swiper-slide .swl .swuls {

          width: 100%;

          margin-top: 0.35rem; }

          .procens .propers .swiper-slide .swl .swuls .sli {

            width: 100%; }

            .procens .propers .swiper-slide .swl .swuls .sli .sm {

              width: 100%;

              color: #1a36e2;

              line-height: 1.5; }

            .procens .propers .swiper-slide .swl .swuls .sli .smm {

              width: 100%;

              color: #666;

              line-height: 1.5;

              height: 3em; }

            .procens .propers .swiper-slide .swl .swuls .sli .smm.h3s {

              height: 4.5em; }

          .procens .propers .swiper-slide .swl .swuls .sli + .sli {

            margin-top: 0.3rem; }

      .procens .propers .swiper-slide .swr {

        display: inline-block;

        vertical-align: middle;

        width: 50%;

        position: relative;

        overflow: hidden; }

        .procens .propers .swiper-slide .swr .img {

          width: 100%;

          padding-top: 134.02%;

          transition: all ease 0.5s; }

    .procens .propers .swiper-slide:hover .swr .img {

      transform: scale(1.1); }

    .procens .propers .swiper-container {

      width: 100%;

      padding-bottom: 0.8rem; }

    .procens .propers .swiper-scrollbar {

      background-color: #f4f4f5; }

    .procens .propers .swiper-scrollbar-drag {

      background-color: #203be5; }



.projects {

  width: 100%;

  padding: 1rem 0;

  overflow: hidden; }

  .projects .project {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    .projects .project .prl {

      display: inline-block;

      vertical-align: middle;

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

      .projects .project .prl .pinp {

        width: 100%;

        color: #666;

        line-height: 1.7; }

        .projects .project .prl .pinp p {

          color: #666;

          line-height: 1.7; }

      .projects .project .prl .more {

        width: 100%;

        font-size: 0;

        margin-top: 1rem; }

        .projects .project .prl .more a {

          display: inline-block;

          vertical-align: middle;

          background-image: linear-gradient(-30deg, #3e66e9 0%, #0257d8 100%);

          line-height: 3;

          border-radius: 1.5em;

          padding: 0 0.27rem;

          color: #fff; }

          .projects .project .prl .more a span {

            display: inline-block;

            vertical-align: middle;

            width: 0.23rem;

            height: 0.23rem;

            border-radius: 50%;

            background-color: #fff;

            margin-left: 0.3rem;

            position: relative;

            z-index: 2;

            top: -0.02rem; }

            .projects .project .prl .more a span img {

              width: 100%;

              display: block; }

            .projects .project .prl .more a span:after {

              content: ' ';

              width: 0.3rem;

              height: 0.3rem;

              position: absolute;

              left: 50%;

              top: 50%;

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

              z-index: 1;

              border-radius: 50%;

              border: dashed 1px rgba(255, 255, 255, 0.5); }

    .projects .project .prr {

      display: inline-block;

      vertical-align: middle;

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

      font-size: 0;

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      justify-content: space-between; }

      .projects .project .prr .ritem {

        width: 100%;

        position: relative;

        border-radius: 0.3rem;

        overflow: hidden; }

        .projects .project .prr .ritem a {

          width: 100%;

          display: block; }

        .projects .project .prr .ritem .imgs {

          width: 100%;

          position: relative;

          overflow: hidden; }

          .projects .project .prr .ritem .imgs .img {

            width: 100%;

            padding-top: 131.57%;

            transition: all ease 0.5s; }

        .projects .project .prr .ritem .roc {

          position: absolute;

          z-index: 3;

          left: 0;

          top: 0;

          width: 100%;

          height: 100%;

          padding: 0.7rem 0.4rem; }

          .projects .project .prr .ritem .roc .rop {

            width: 100%;

            font-size: 0;

            margin-bottom: 0.2rem; }

            .projects .project .prr .ritem .roc .rop .ac {

              display: inline-block;

              vertical-align: middle;

              width: 0.14rem;

              height: 0.14rem;

              border-radius: 50%;

              margin-right: 0.1rem;

              border: solid 0.04rem #fff; }

            .projects .project .prr .ritem .roc .rop .am {

              display: inline-block;

              vertical-align: middle;

              width: calc(100% - 0.24rem);

              color: #fff;

              font-weight: bold;

              line-height: 1.5; }

          .projects .project .prr .ritem .roc .rim {

            width: 100%;

            color: #fff;

            line-height: 1.7;

            max-height: 8.5em; }

            .projects .project .prr .ritem .roc .rim p {

              color: #fff;

              line-height: 1.7; }

      .projects .project .prr .ritem:hover .imgs .img {

        transform: scale(1.1); }

      .projects .project .prr .rpl {

        display: inline-block;

        vertical-align: middle;

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

        .projects .project .prr .rpl .ritem + .ritem {

          margin-top: 0.4rem; }

      .projects .project .prr .rpr {

        display: inline-block;

        vertical-align: middle;

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

        .projects .project .prr .rpr .ritem .imgs {

          width: 100%;

          position: relative;

          overflow: hidden; }

          .projects .project .prr .rpr .ritem .imgs .img {

            width: 100%;

            padding-top: 171.05%;

            transition: all ease 0.5s; }



@media (max-width: 800px) {

  .projects .project .prl {

    width: 100%;

    margin-bottom: 0.3rem; }

    .projects .project .prl .more {

      margin-top: 0.3rem;

      text-align: right; }

  .projects .project .prr {

    width: 100%; } }

.plates {

  width: 100%;

  padding: 0.5rem 0 0.8rem; }

  .plates .pitem {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    border-radius: 0.3rem;

    margin-bottom: 0.3rem;

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

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

    .plates .pitem a {

      width: 100%;

      display: block; }

    .plates .pitem .imgs {

      width: 100%;

      position: relative;

      overflow: hidden; }

      .plates .pitem .imgs .img {

        width: 100%;

        padding-top: 141.76%;

        transition: all ease 0.5s; }

    .plates .pitem .roc {

      position: absolute;

      z-index: 3;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      padding: 0.7rem 0.4rem; }

      .plates .pitem .roc .rop {

        width: 100%;

        font-size: 0;

        margin-bottom: 0.15rem; }

        .plates .pitem .roc .rop .am {

          display: inline-block;

          vertical-align: middle;

          width: 100%;

          color: #fff;

          font-weight: bold;

          line-height: 1.5; }

      .plates .pitem .roc .rim {

        width: 100%;

        color: #fff;

        line-height: 1.7;

        max-height: 6.8em; }

        .plates .pitem .roc .rim p {

          color: #fff;

          line-height: 1.7; }

    .plates .pitem .rob {

      position: absolute;

      z-index: 4;

      left: 0;

      bottom: 0;

      width: 100%;

      padding: 0.15rem 0.4rem;

      text-align: right;

      font-size: 0; }

      .plates .pitem .rob:after {

        content: ' ';

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 1;

        background-image: linear-gradient(-30deg, #3e66e9 0%, #0257d8 100%), linear-gradient(#434343, #434343);

        background-blend-mode: normal,  normal;

        opacity: 0.8; }

      .plates .pitem .rob .rm {

        display: inline-block;

        vertical-align: middle;

        color: #fff;

        line-height: 1.5;

        font-weight: bold;

        position: relative;

        z-index: 3; }

      .plates .pitem .rob .rv {

        display: inline-block;

        vertical-align: middle;

        position: relative;

        z-index: 3;

        width: 0.23rem;

        height: 0.23rem;

        border-radius: 50%;

        background-color: #fff;

        margin-left: 0.3rem;

        position: relative;

        z-index: 2;

        top: -0.02rem; }

        .plates .pitem .rob .rv img {

          width: 100%;

          display: block; }

        .plates .pitem .rob .rv:after {

          content: ' ';

          width: 0.3rem;

          height: 0.3rem;

          position: absolute;

          left: 50%;

          top: 50%;

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

          z-index: 1;

          border-radius: 50%;

          border: dashed 1px rgba(255, 255, 255, 0.5); }

  .plates .pitem:hover .imgs .img {

    transform: scale(1.1); }

  .plates .ptl {

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

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

    .plates .ptl .imgs .img {

      padding-top: 0;

      height: 5.05rem; }

  .plates .ptr {

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

    .plates .ptr .imgs .img {

      padding-top: 0;

      height: 5.05rem; }

  .plates .pitem:nth-child(1) {

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

    .plates .pitem:nth-child(1) .imgs .img {

      padding-top: 0;

      height: 5.05rem; }

  .plates .pitem:nth-child(2) {

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

    .plates .pitem:nth-child(2) .imgs .img {

      padding-top: 0;

      height: 5.05rem; }

  .plates .pitem:nth-child(3n+2) {

    margin-right: 0; }



@media (max-width: 800px) {

  .plates .pitem {

    width: 48% !important;

    margin-right: 4% !important; }

  .plates .pitem:nth-child(2n+1) {

    margin-right: 0 !important; }

  .plates .pitem:nth-child(1) {

    width: 100% !important;

    margin-right: 0; }

  .plates .pitem:nth-child(2) {

    width: 48%; }

    .plates .pitem:nth-child(2) .imgs .img {

      padding-top: 141.76%;

      height: auto; } }

.abouts {

  width: 100%;

  padding: 0.8rem 0 0.4rem; }

  .abouts .about {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .abouts .about .abl {

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

      display: inline-block;

      vertical-align: middle; }

      .abouts .about .abl .ainp {

        width: 100%;

        color: #666;

        line-height: 1.7; }

        .abouts .about .abl .ainp p {

          color: #666;

          line-height: 1.7; }

    .abouts .about .abr {

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

      display: inline-block;

      vertical-align: middle; }

      .abouts .about .abr .datelis {

        width: 100%;

        font-size: 0;

        overflow: hidden; }

        .abouts .about .abr .datelis .datem {

          display: inline-block;

          vertical-align: middle;

          width: 50%;

          float: left; }

          .abouts .about .abr .datelis .datem .dc {

            width: 0.4rem;

            height: 0.4rem;

            display: block; }

            .abouts .about .abr .datelis .datem .dc img {

              width: 100%;

              display: block; }

          .abouts .about .abr .datelis .datem .dm {

            width: 100%;

            color: #666;

            line-height: 1.5;

            margin: 0.14rem 0 0.1rem; }

          .abouts .about .abr .datelis .datem .dum {

            width: 100%;

            color: #222; }

            .abouts .about .abr .datelis .datem .dum .LineNum {

              display: inline-block;

              color: #222;

              font-weight: bold;

              margin-right: 0.05rem; }

        .abouts .about .abr .datelis .datem:nth-child(1) {

          padding-bottom: 0.4rem;

          padding-right: 0.4rem;

          border-right: solid 1px rgba(120, 120, 120, 0.15);

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

        .abouts .about .abr .datelis .datem:nth-child(2) {

          padding-bottom: 0.4rem;

          padding-left: 0.4rem;

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

        .abouts .about .abr .datelis .datem:nth-child(3) {

          padding-top: 0.4rem;

          padding-right: 0.4rem;

          border-right: solid 1px rgba(120, 120, 120, 0.15); }

        .abouts .about .abr .datelis .datem:nth-child(4) {

          padding-top: 0.4rem;

          padding-left: 0.4rem; }



.nanner {

  width: 100%;

  position: relative;

  overflow: hidden; }

  .nanner a {

    width: 100%;

    display: block; }

  .nanner .imgs {

    width: 100%;

    position: relative; }

    .nanner .imgs .img {

      width: 100%;

      height: 31.25vw;

      height: 26.04vw; }

  .nanner .nom {

    position: absolute;

    width: 80%;

    display: block;

    margin: 0 auto;

    z-index: 3;

    left: 50%;

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

    top: 50%;

    text-align: center;

    max-width: 90%; }

    .nanner .nom .mlt {

      width: 100%; }

    .nanner .nom .cn {

      width: 100%;

      color: #fff;

      font-weight: bold;

      line-height: 1.3; }

    .nanner .nom .en {

      width: 100%;

      color: #fff;

      font-weight: bold;

      line-height: 1.3; }



.crumbs {

  width: 100%;

  position: relative;

  bottom: 0;

  right: 0;

  left: 0;

  z-index: 3; }

  .crumbs .w1680 {

    position: relative;

    z-index: 2; }

  .crumbs .column {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    .crumbs .column .cul {

      display: inline-block;

      vertical-align: middle;

      flex: 1; }

      .crumbs .column .cul .swiper-slide {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        margin-right: 0.4rem; }

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

          display: inline-block;

          vertical-align: middle;

          color: #222;

          line-height: 0.8rem;

          width: auto;

          padding: 0 0.15rem;

          transition: all ease 0.5s; }

          .crumbs .column .cul .swiper-slide a span {

            display: inline-block;

            vertical-align: middle;

            position: absolute;

            bottom: 0rem;

            left: 50%;

            transform: translateX(-50%);

            width: 100%;

            height: 0.03rem;

            background-color: #2a5dbc;

            transition: all ease 0.5s;

            opacity: 0;

            transition: all ease 0.5s; }

      .crumbs .column .cul .swiper-slide.on a, .crumbs .column .cul .swiper-slide:hover a {

        color: #2a5dbc; }

        .crumbs .column .cul .swiper-slide.on a span, .crumbs .column .cul .swiper-slide:hover a span {

          opacity: 1; }

    .crumbs .column .colum {

      font-size: 0;

      display: inline-block;

      vertical-align: middle;

      width: auto; }

      .crumbs .column .colum .home {

        display: inline-block;

        vertical-align: middle;

        width: 18px;

        height: 18px;

        width: 0.18rem;

        height: 0.18rem;

        margin-right: 0.1rem;

        position: relative;

        top: -0.02rem;

        display: none; }

        .crumbs .column .colum .home img {

          width: 100%;

          display: block; }

      .crumbs .column .colum a {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        color: #666;

        line-height: 0.8rem;

        max-width: 4.5rem;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis; }

        .crumbs .column .colum a span {

          display: inline-block;

          color: #666;

          width: 6px;

          margin: 0 0.14rem 0 0.18rem;

          line-height: 0.8rem;

          position: relative; }

          .crumbs .column .colum a span img {

            width: 100%;

            display: block; }

      .crumbs .column .colum a:hover {

        color: #1c38e2; }

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

        display: none; }



.crumbs.white .column .colum a {

  color: #fff; }



@media (max-width: 800px) {

  .crumbs {

    position: relative; }

    .crumbs:after {

      width: 100%; }

    .crumbs .column .colum {

      width: 100%; }

    .crumbs .column .cul .swiper-wrapper {

      justify-content: flex-start; } }

.newsds {

  width: 100%;

  padding: 0.8rem 0;

  overflow: hidden; }

  .newsds .newlist {

    width: 100%;

    font-size: 0; }

    .newsds .newlist .newam {

      display: inline-block;

      vertical-align: top;

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

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

      margin-bottom: 0.3rem; }

      .newsds .newlist .newam a {

        width: 100%;

        display: block; }

      .newsds .newlist .newam .imgs {

        width: 100%;

        position: relative;

        overflow: hidden;

        border-radius: 0.2rem  0.2rem 0 0; }

        .newsds .newlist .newam .imgs .img {

          width: 100%;

          padding-top: 70.58%;

          transition: all ease 0.5s; }

      .newsds .newlist .newam .nom {

        width: 100%;

        padding: 0.4rem 0.4rem;

        background-color: #ffffff;

        border-radius: 0.2rem;

        border: solid 1px #e8e8e8; }

        .newsds .newlist .newam .nom .nit {

          width: 100%;

          color: #222;

          line-height: 1.5;

          height: 3em; }

        .newsds .newlist .newam .nom .nip {

          width: 100%;

          color: #666;

          line-height: 1.5;

          height: 3em;

          margin: 0.15rem 0 0.25rem; }

        .newsds .newlist .newam .nom .time {

          width: 100%;

          font-size: 0;

          display: flex;

          align-items: center;

          justify-content: space-between;

          padding: 0.2rem 0 0rem;

          border-top: solid 1px #e8e8e8; }

          .newsds .newlist .newam .nom .time .tm {

            display: inline-block;

            vertical-align: middle;

            color: #666;

            line-height: 1.5; }

            .newsds .newlist .newam .nom .time .tm span {

              display: inline-block;

              vertical-align: middle;

              width: 0.2rem;

              position: relative;

              top: -0.02rem;

              margin-right: 0.04rem; }

              .newsds .newlist .newam .nom .time .tm span img {

                width: 100%;

                display: block; }

          .newsds .newlist .newam .nom .time .vm {

            display: inline-block;

            vertical-align: middle;

            color: #222;

            line-height: 1.5; }

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

      margin-right: 0; }

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

      transform: scale(1.1); }

    .newsds .newlist .newam:hover .nom .nit {

      color: #1c38e2; }

    .newsds .newlist .newam:hover .nom .time .vm {

      color: #1a36e2; }



.pages {

  width: 100%;

  padding: 0.4rem 0;

  font-size: 0;

  text-align: center; }

  .pages .page {

    display: inline-block;

    vertical-align: middle;

    width: 0.5rem;

    height: 0.5rem;

    border-radius: 50%;

    line-height: 0.5rem;

    text-align: center;

    color: #111;

    margin: 0 0.1rem 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: #1c38e2;

    color: #fff; }

  .pages .page.ltn:hover {

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

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: none !important;

    border: none; }

  .pages .page.on.ltn {

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

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: none !important;

    border: none; }

  .pages .page.on.rtn {

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

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: none !important;

    border: none; }

  .pages .page.rtn:hover {

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

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: none !important;

    border: none; }

  .pages .page.auto {

    width: auto;

    padding: 0 0.24rem; }

  .pages .page:hover {

    color: #000; }



@media (max-width: 900px) {

  .pages .page {

    width: 0.8rem;

    height: 0.8rem;

    line-height: 0.8rem; } }

.netails {

  width: 100%;

  font-size: 0;

  padding: 0.8rem 0 0; }

  .netails .netail {

    width: 100%; }

    .netails .netail .nti {

      width: 100%;

      color: #131313;

      line-height: 1.3; }

    .netails .netail .nim {

      width: 100%;

      padding: 0.2rem 0;

      font-size: 0;

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

      align-items: center; }

      .netails .netail .nim .nml {

        display: inline-block;

        vertical-align: middle; }

        .netails .netail .nim .nml .litm {

          display: inline-block;

          vertical-align: middle;

          color: #666;

          line-height: 1.5;

          margin-right: 0.35rem; }

          .netails .netail .nim .nml .litm span {

            display: inline-block;

            vertical-align: middle;

            width: 0.2rem;

            position: relative;

            top: -0.02rem;

            margin-right: 0.06rem; }

            .netails .netail .nim .nml .litm span img {

              width: 100%;

              display: block; }

      .netails .netail .nim .nmr {

        display: inline-block;

        vertical-align: middle; }

        .netails .netail .nim .nmr .am {

          display: inline-block;

          vertical-align: middle;

          width: 0.2rem;

          margin-left: 0.12rem; }

          .netails .netail .nim .nmr .am a {

            width: 100%;

            display: block; }

          .netails .netail .nim .nmr .am img {

            width: 100%;

            display: block; }

          .netails .netail .nim .nmr .am .m1 {

            display: block; }

          .netails .netail .nim .nmr .am .m2 {

            display: none; }

        .netails .netail .nim .nmr .am:hover .m1 {

          display: none; }

        .netails .netail .nim .nmr .am:hover .m2 {

          display: block; }

    .netails .netail .ninps {

      width: 100%;

      padding: 0.3rem 0 0.6rem;

      border-top: solid 1px #e8e8e8;

      color: #717273;

      line-height: 1.75; }

      .netails .netail .ninps p {

        color: #717273;

        line-height: 1.75; }

  .netails .not {

    width: 100%;

    border-top: solid 1px #e8e8e8; }

    .netails .not .notvm {

      width: 100%;

      display: flex;

      flex-wrap: wrap; }

    .netails .not .noim {

      display: inline-block;

      vertical-align: middle;

      width: 50%; }

      .netails .not .noim a {

        padding: 0.45rem 0;

        width: 100%;

        display: block;

        color: #111;

        line-height: 1.5; }

      .netails .not .noim span {

        display: inline-block;

        vertical-align: middle;

        position: relative;

        top: -0.02rem;

        width: 9px; }

        .netails .not .noim span img {

          width: 100%;

          display: block; }

        .netails .not .noim span img:first-child {

          display: block; }

        .netails .not .noim span img:last-child {

          display: none; }

    .netails .not .noim.nl a {

      padding-right: 0.4rem; }

    .netails .not .noim.nl span {

      margin-right: 0.06rem; }

    .netails .not .noim.nr a {

      padding-left: 0.4rem; }

    .netails .not .noim.nr span {

      margin-left: 0.06rem; }

    .netails .not .noim + .noim {

      border-left: solid 1px #e8e8e8; }

    .netails .not .noim:hover a {

      color: #1a36e2; }

    .netails .not .noim:hover span img:first-child {

      display: none; }

    .netails .not .noim:hover span img:last-child {

      display: block; }



@media (max-width: 900px) {

  .netails .not .noim {

    width: 100%; }

    .netails .not .noim a {

      padding: 0.3rem 0 !important; }

      .netails .not .noim a span {

        display: none; }

  .netails .not .noim + .noim {

    border-left: none; }

  .netails .netail .nim .nml .litm span {

    width: 20px; }

  .netails .netail .nim .nmr .am {

    width: 20px;

    margin-left: 10px; } }

.whatis {

  width: 100%;

  padding: 0.8rem 0 1.2rem;

  position: relative; }

  .whatis .wob {

    width: 100%;

    font-size: 0;

    text-align: center;

    margin-top: 0.5rem; }

    .whatis .wob a {

      display: inline-block;

      vertical-align: middle;

      width: auto;

      padding: 0.3rem 0.8rem;

      background-color: #1a36e2;

      border-radius: 0.25rem;

      color: #fff;

      line-height: 1.5; }

  .whatis .whotm {

    width: 100%;

    font-size: 0; }

    .whatis .whotm .imgs {

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

      position: relative;

      display: block;

      margin: 0 auto; }

      .whatis .whotm .imgs .wmp {

        width: 100%;

        position: relative; }

      .whatis .whotm .imgs .img {

        width: 100%;

        padding-top: 101.62%;

        animation: cysle infinite 25s linear; }

@keyframes cysle {

  0% {

    transform: rotate(0deg); }

  100% {

    transform: rotate(360deg); } }

      .whatis .whotm .imgs .mic {

        position: absolute;

        left: 50%;

        top: 50%;

        z-index: 3;

        border-radius: 50%;

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

        width: calc(450 / 553 * 100%); }

        .whatis .whotm .imgs .mic .vmd {

          width: 100%;

          overflow: hidden;

          position: relative; }

        .whatis .whotm .imgs .mic .cg {

          width: 100%;

          padding-top: 100%; }

        .whatis .whotm .imgs .mic .atn {

          position: absolute;

          z-index: 5;

          bottom: 0;

          left: 50%;

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

          display: inline-block;

          vertical-align: middle;

          background-image: linear-gradient(-30deg, #3e66e9 0%, #0257d8 100%);

          line-height: 3;

          border-radius: 1.5em;

          padding: 0 0.27rem;

          color: #fff;

          white-space: nowrap; }

          .whatis .whotm .imgs .mic .atn span {

            display: inline-block;

            vertical-align: middle;

            width: 0.23rem;

            height: 0.23rem;

            border-radius: 50%;

            background-color: #fff;

            margin-left: 0.3rem;

            position: relative;

            z-index: 2;

            top: -0.02rem; }

            .whatis .whotm .imgs .mic .atn span img {

              width: 100%;

              display: block; }

            .whatis .whotm .imgs .mic .atn span:after {

              content: ' ';

              width: 0.3rem;

              height: 0.3rem;

              position: absolute;

              left: 50%;

              top: 50%;

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

              z-index: 1;

              border-radius: 50%;

              border: dashed 1px rgba(255, 255, 255, 0.5); }

      .whatis .whotm .imgs .mitlist {

        width: 100%;

        position: relative;

        font-size: 0;

        position: absolute;

        left: 0;

        top: 0;

        height: 100%; }

        .whatis .whotm .imgs .mitlist .mitli {

          position: absolute;

          width: calc(480 / 553 * 100%);

          font-size: 0;

          display: flex;

          align-items: center;

          justify-content: space-between;

          cursor: pointer; }

          .whatis .whotm .imgs .mitlist .mitli .mc {

            display: inline-block;

            vertical-align: middle;

            width: 0.94rem;

            height: 0.94rem;

            position: relative;

            border-radius: 50%; }

            .whatis .whotm .imgs .mitlist .mitli .mc img {

              width: 100%;

              display: block; }

            .whatis .whotm .imgs .mitlist .mitli .mc img:first-child {

              display: block; }

            .whatis .whotm .imgs .mitlist .mitli .mc img:last-child {

              display: none; }

            .whatis .whotm .imgs .mitlist .mitli .mc:after {

              content: ' ';

              position: absolute;

              left: 0;

              top: 0;

              width: 100%;

              height: 100%;

              transform: rotate(0deg);

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

              background-size: 100% 100%;

              transition: all ease 3s; }

          .whatis .whotm .imgs .mitlist .mitli .rem {

            display: inline-block;

            vertical-align: middle;

            width: calc(100% - 0.94rem - 0.2rem); }

            .whatis .whotm .imgs .mitlist .mitli .rem .rt {

              width: 100%;

              color: #222;

              font-weight: bold;

              line-height: 1.5; }

            .whatis .whotm .imgs .mitlist .mitli .rem .pim {

              width: 100%;

              color: #666;

              line-height: 1.5;

              height: 3em;

              margin-top: 0.04rem; }

        .whatis .whotm .imgs .mitlist .mitli:hover .mc img:first-child {

          display: none; }

        .whatis .whotm .imgs .mitlist .mitli:hover .mc img:last-child {

          display: block; }

        .whatis .whotm .imgs .mitlist .mitli:hover .mc:after {

          transform: rotate(360deg); }

        .whatis .whotm .imgs .mitlist .mitli:hover .rem .rt {

          color: #1a36e2; }

        .whatis .whotm .imgs .mitlist .mitli:nth-child(1) {

          right: calc(100% + 0.45rem);

          top: calc( 45 / 562 * 100%); }

        .whatis .whotm .imgs .mitlist .mitli:nth-child(2) {

          right: calc(100% + 0.45rem);

          top: calc( 217 / 562 * 100%); }

        .whatis .whotm .imgs .mitlist .mitli:nth-child(3) {

          right: calc(100% + 0.45rem);

          top: calc( 392 / 562 * 100%); }

        .whatis .whotm .imgs .mitlist .mitli:nth-child(4) {

          left: calc(100% + 0.45rem);

          top: calc( 111 / 562 * 100%);

          flex-direction: row-reverse;

          text-align: right; }

        .whatis .whotm .imgs .mitlist .mitli:nth-child(5) {

          left: calc(100% + 0.45rem);

          top: calc( 328 / 562 * 100%);

          flex-direction: row-reverse;

          text-align: right; }



@media (max-width: 800px) {

  .whatis .whotm .imgs {

    width: 100%; }

    .whatis .whotm .imgs .wmp {

      width: 70%;

      display: block;

      margin: 0 auto 0.3rem; }

    .whatis .whotm .imgs .mitlist {

      width: 100%;

      position: relative;

      height: auto; }

      .whatis .whotm .imgs .mitlist .mitli {

        position: relative;

        width: 100%;

        flex-direction: row !important;

        text-align: left !important;

        left: 0 !important;

        top: 0 !important;

        right: auto !important;

        padding: 0.2rem 0; } }

.chialist {

  width: 100%; }

  .chialist .chiams {

    width: 100%;

    padding: 1.2rem 0;

    position: relative; }

  .chialist .chiams:nth-child(2n) .chiam {

    flex-direction: row; }

    .chialist .chiams:nth-child(2n) .chiam .amr .amrlis .amli {

      background-color: #f7f8fa; }

  .chialist .hbg {

    width: 100%;

    position: absolute;

    z-index: 1;

    left: 0;

    top: 50%;

    transform: translateY(-50%); }

  .chialist .hbg.bts {

    top: auto;

    transform: translateY(0);

    bottom: 0; }

  .chialist .hpg {

    display: none; }

  .chialist .w1600 {

    position: relative;

    z-index: 3; }

  .chialist .chiam {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    flex-direction: row-reverse; }

    .chialist .chiam .aml {

      display: inline-block;

      vertical-align: middle;

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

      position: relative;

      overflow: hidden;

      border-radius: 0.3rem 0.3rem 1.2rem 0.3rem; }

      .chialist .chiam .aml .img {

        width: 100%;

        padding-top: 67.48%; }

    .chialist .chiam .amr {

      display: inline-block;

      vertical-align: middle;

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

      .chialist .chiam .amr .air {

        width: 100%;

        color: #222;

        font-weight: bold;

        line-height: 1.3;

        margin-bottom: 0.25rem;

        padding-left: 0.4rem;

        padding-right: 0.4rem; }

      .chialist .chiam .amr .amrlis {

        width: 100%;

        font-size: 0; }

        .chialist .chiam .amr .amrlis .amli {

          width: 100%;

          background-color: #fff;

          border-radius: 0.2rem;

          padding: 0.35rem 0.4rem 0.3rem; }

          .chialist .chiam .amr .amrlis .amli .aop {

            width: 100%;

            font-size: 0;

            margin-bottom: 0.15rem; }

            .chialist .chiam .amr .amrlis .amli .aop .num {

              display: inline-block;

              vertical-align: middle;

              font-weight: bold;

              -webkit-text-stroke: 1px #1a36e2;

              -webkit-text-fill-color: transparent; }

            .chialist .chiam .amr .amrlis .amli .aop .xm {

              display: inline-block;

              vertical-align: middle;

              color: #222;

              font-weight: bold;

              line-height: 1.3;

              margin: 0 0.4rem 0 0.15rem; }

            .chialist .chiam .amr .amrlis .amli .aop .acc {

              display: inline-block;

              vertical-align: middle;

              width: 0.23rem;

              height: 0.23rem;

              border-radius: 50%;

              background-color: #1a36e2;

              position: relative;

              z-index: 2;

              top: -0.02rem; }

              .chialist .chiam .amr .amrlis .amli .aop .acc img {

                width: 100%;

                display: block; }

              .chialist .chiam .amr .amrlis .amli .aop .acc:after {

                content: ' ';

                width: 0.3rem;

                height: 0.3rem;

                position: absolute;

                left: 50%;

                top: 50%;

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

                z-index: 1;

                border-radius: 50%;

                border: dashed 1px rgba(26, 54, 226, 0.5); }

          .chialist .chiam .amr .amrlis .amli .aim {

            width: 100%;

            color: #666;

            line-height: 1.7; }

            .chialist .chiam .amr .amrlis .amli .aim p {

              color: #666;

              line-height: 1.7; }

        .chialist .chiam .amr .amrlis .amli + .amli {

          margin-top: 0.2rem; }



@media (max-width: 800px) {

  .chialist .chiams {

    padding: 0.5rem 0; }

  .chialist .hpg {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%; }

    .chialist .hpg .img {

      width: 100%;

      height: 100%;

      display: block;

      background-size: auto !important; } }

.contacts {

  width: 100%;

  padding: 1.2rem 0 0.8rem;

  background-color: #f7f8fa; }

  .contacts .applist {

    width: 100%;

    font-size: 0; }

    .contacts .applist .applm {

      display: inline-block;

      vertical-align: top;

      width: calc(378 / 1280 * 100%);

      margin-right: calc(73 / 1280 * 100%);

      box-shadow: 0px 6px 6px 1px rgba(153, 153, 153, 0.06);

      overflow: hidden;

      border-radius: 0.3rem;

      text-align: center; }

      .contacts .applist .applm a {

        width: 100%;

        display: block;

        padding: 0.6rem 0.4rem 0.4rem; }

      .contacts .applist .applm .aic {

        display: block;

        margin: 0 auto 0.3rem;

        width: 0.54rem;

        height: 0.54rem; }

        .contacts .applist .applm .aic img {

          width: 100%;

          display: block; }

      .contacts .applist .applm .ait {

        width: 100%;

        color: #222;

        font-weight: bold;

        line-height: 1.5; }

      .contacts .applist .applm .aik {

        width: 100%;

        color: #666;

        line-height: 1.5;

        height: 3em;

        margin-top: 0.1rem; }

    .contacts .applist .applm:nth-child(3n) {

      margin-right: 0; }

  .contacts .contpem {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 0.8rem; }

    .contacts .contpem .cits {

      width: 100%;

      color: #222;

      line-height: 1.4;

      margin-bottom: 0.35rem; }

    .contacts .contpem .conl {

      display: inline-block;

      vertical-align: middle;

      width: calc(785 / 1280 * 100%); }

      .contacts .contpem .conl .form {

        width: 100%;

        display: block;

        background-color: #fff;

        box-shadow: 0px 6px 6px 1px rgba(153, 153, 153, 0.06);

        border-radius: 0.3rem;

        padding: 0.7rem; }

        .contacts .contpem .conl .form .row {

          width: 100%;

          font-size: 0; }

          .contacts .contpem .conl .form .row .item {

            display: inline-block;

            vertical-align: middle;

            width: 48%;

            margin-right: 4%;

            margin-bottom: 0.18rem; }

            .contacts .contpem .conl .form .row .item .im {

              width: 100%;

              color: #222;

              line-height: 1.5;

              margin-bottom: 0.04rem; }

            .contacts .contpem .conl .form .row .item .input {

              width: 100%; }

              .contacts .contpem .conl .form .row .item .input input {

                width: 100%;

                display: block;

                padding: 0 0.2rem;

                background-color: #f7f8fd;

                border: solid 1px #eeeeee;

                color: #222;

                line-height: 2.8;

                height: 2.8em; }

          .contacts .contpem .conl .form .row .item:nth-child(2n) {

            margin-right: 0; }

        .contacts .contpem .conl .form .text {

          width: 100%;

          margin-bottom: 0.2rem; }

          .contacts .contpem .conl .form .text .area {

            display: block;

            width: 100%;

            background-color: #f7f8fd;

            border: solid 1px #eeeeee;

            padding: 0.14rem;

            color: #222;

            line-height: 1.5; }

        .contacts .contpem .conl .form .sub {

          width: 100%;

          font-size: 0; }

          .contacts .contpem .conl .form .sub .stn {

            display: inline-block;

            vertical-align: middle;

            background-image: linear-gradient(-30deg, #3e66e9 0%, #0257d8 100%);

            line-height: 2.8;

            border-radius: 1.4em;

            padding: 0 0.3rem 0 0.4rem;

            color: #fff;

            position: relative; }

            .contacts .contpem .conl .form .sub .stn span {

              display: inline-block;

              vertical-align: middle;

              width: 0.23rem;

              height: 0.23rem;

              border-radius: 50%;

              background-color: #fff;

              margin-left: 0.3rem;

              position: relative;

              z-index: 2;

              top: -0.02rem; }

              .contacts .contpem .conl .form .sub .stn span img {

                width: 100%;

                display: block; }

              .contacts .contpem .conl .form .sub .stn span:after {

                content: ' ';

                width: 0.3rem;

                height: 0.3rem;

                position: absolute;

                left: 50%;

                top: 50%;

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

                z-index: 1;

                border-radius: 50%;

                border: dashed 1px rgba(255, 255, 255, 0.5); }

            .contacts .contpem .conl .form .sub .stn .svt {

              position: absolute;

              left: 0;

              top: 0;

              width: 100%;

              height: 100%;

              cursor: pointer;

              opacity: 0;

              z-index: 2; }

    .contacts .contpem .conr {

      width: calc(380 / 1280 * 100%);

      display: inline-block;

      vertical-align: middle; }

      .contacts .contpem .conr .corns {

        width: 100%; }

        .contacts .contpem .conr .corns .cid {

          width: 100%;

          color: #222;

          font-weight: bold;

          line-height: 1.5; }

        .contacts .contpem .conr .corns .lx {

          width: 0.15rem;

          display: block;

          height: 0.03rem;

          background-color: #1c38e2;

          margin-top: 0.1rem; }

        .contacts .contpem .conr .corns .crsul {

          width: 100%;

          margin-top: 0.3rem;

          font-size: 0; }

          .contacts .contpem .conr .corns .crsul .crli {

            width: 100%; }

            .contacts .contpem .conr .corns .crsul .crli .vop {

              width: 100%;

              color: #666;

              line-height: 1.7; }

              .contacts .contpem .conr .corns .crsul .crli .vop span {

                display: inline-block;

                vertical-align: middle;

                position: relative;

                top: -0.02rem;

                margin-right: 0.1rem;

                width: 0.2rem;

                width: 20px; }

                .contacts .contpem .conr .corns .crsul .crli .vop span img {

                  width: 100%;

                  display: block; }

            .contacts .contpem .conr .corns .crsul .crli .vip {

              width: 100%;

              margin-top: 0.1rem;

              color: #222;

              line-height: 1.7; }

              .contacts .contpem .conr .corns .crsul .crli .vip p {

                color: #222;

                line-height: 1.7; }

          .contacts .contpem .conr .corns .crsul .crli + .crli {

            margin-top: 0.3rem; }



@media (max-width: 800px) {

  .contacts .applist .applm {

    width: 32%;

    margin-right: 2%; }

    .contacts .applist .applm a {

      padding: 0.4rem 0.2rem 0.2rem; }

    .contacts .applist .applm .ait {

      font-size: 18px; }

    .contacts .applist .applm .aik {

      font-size: 12px; } }

.blockchains {

  width: 100%;

  height: 8rem; }

  .blockchains .chains {

    width: 100%;

    padding: 0.5rem 0; }

    .blockchains .chains .chain {

      width: 100%;

      font-size: 0; }

      .blockchains .chains .chain .conal {

        width: 6rem; }

      .blockchains .chains .chain .ainp {

        width: 100%;

        color: #fff;

        line-height: 1.75; }

        .blockchains .chains .chain .ainp p {

          color: #fff;

          line-height: 1.75; }



.aboutm {

  width: 100%;

  position: relative;

  font-size: 0;

  padding: 0.6rem 0; }

  .aboutm .abl {

    position: absolute;

    z-index: 3;

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

    overflow: hidden;

    border-radius: 0.3rem 0 0 0.3rem;

    right: 0;

    bottom: 1.2rem; }

    .aboutm .abl .img {

      width: 100%;

      padding-top: 66.66%; }

  .aboutm .abr {

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

    position: relative;

    z-index: 2;

    display: flex;

    flex-wrap: wrap;

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

    .aboutm .abr .simp {

      width: 100%;

      color: #666;

      line-height: 1.7;

      margin-bottom: 0.4rem; }

      .aboutm .abr .simp p {

        color: #666;

        line-height: 1.7; }

    .aboutm .abr .points {

      width: 100%;

      font-size: 0;

      padding-left: 0.3rem; }

      .aboutm .abr .points .pli {

        display: inline-block;

        vertical-align: middle;

        position: relative;

        margin-right: 0.2rem;

        cursor: pointer; }

        .aboutm .abr .points .pli .bg {

          width: 0.38rem;

          display: block; }

          .aboutm .abr .points .pli .bg img {

            width: 100%;

            display: block; }

          .aboutm .abr .points .pli .bg img:first-child {

            display: block; }

          .aboutm .abr .points .pli .bg img:last-child {

            display: none; }

        .aboutm .abr .points .pli .num {

          position: absolute;

          z-index: 2;

          left: 0;

          top: 0;

          width: 0.38rem;

          height: 0.38rem;

          line-height: 0.38rem;

          text-align: center;

          color: #fff; }

      .aboutm .abr .points .pli:hover .bg img:first-child, .aboutm .abr .points .pli.on .bg img:first-child {

        display: none; }

      .aboutm .abr .points .pli:hover .bg img:last-child, .aboutm .abr .points .pli.on .bg img:last-child {

        display: block; }

    .aboutm .abr .pcont {

      width: 100%;

      margin-top: 0.25rem; }

      .aboutm .abr .pcont .pem {

        width: 100%;

        display: none;

        background-color: #fff;

        border-radius: 0.1rem;

        padding: 0.3rem; }

      .aboutm .abr .pcont .pem.on {

        display: block; }

      .aboutm .abr .pcont .pit {

        width: 100%;

        color: #222;

        font-weight: bold;

        line-height: 1.5; }

      .aboutm .abr .pcont .pib {

        width: 100%;

        color: #666;

        line-height: 1.7;

        margin-top: 0.1rem; }

        .aboutm .abr .pcont .pib p {

          color: #666;

          line-height: 1.7; }



@media (max-width: 1620px) {

  .aboutm .abr {

    padding: 1rem calc(300 / 1920 * 100%) 0.7rem 3%; } }

@media (max-width: 800px) {

  .aboutm {

    padding: 0; }

    .aboutm .abl {

      position: relative;

      bottom: 0;

      width: 100%;

      border-radius: 0.3rem; }

    .aboutm .abr {

      width: 100%; }

      .aboutm .abr .points .pli .bg {

        width: 28px; }

      .aboutm .abr .points .pli .num {

        width: 28px;

        height: 28px;

        line-height: 28px; } }

.date {

  width: 100%;

  padding: 0.5rem 0; }

  .date .datelis {

    width: 100%;

    font-size: 0;

    overflow: hidden; }

    .date .datelis .datem {

      display: inline-block;

      vertical-align: middle;

      width: 25%;

      border-right: solid 1px rgba(120, 120, 120, 0.15); }

      .date .datelis .datem .dc {

        width: 0.4rem;

        height: 0.4rem;

        display: block; }

        .date .datelis .datem .dc img {

          width: 100%;

          display: block; }

      .date .datelis .datem .dm {

        width: 100%;

        color: #666;

        line-height: 1.5;

        margin: 0.14rem 0 0.1rem; }

      .date .datelis .datem .dum {

        width: 100%;

        color: #222; }

        .date .datelis .datem .dum .LineNum {

          display: inline-block;

          color: #222;

          font-weight: bold;

          margin-right: 0.05rem; }

    .date .datelis .datem:nth-child(1) {

      padding-right: 0.4rem; }

    .date .datelis .datem:nth-child(2) {

      padding-left: 0.4rem; }

    .date .datelis .datem:nth-child(3) {

      padding-left: 0.4rem; }

    .date .datelis .datem:nth-child(4) {

      padding-left: 0.4rem;

      border-right: none; }



.teams {

  width: 100%;

  padding: 1rem 0; }

  .teams .teampers {

    width: 100%; }

    .teams .teampers .swiper-slide {

      width: 100%;

      padding-bottom: 0.7rem; }

      .teams .teampers .swiper-slide .somc {

        width: 100%;

        background-color: #fff;

        box-shadow: 4px 7px 9px 1px rgba(26, 54, 226, 0.09);

        border-radius: 0.3rem;

        padding: 0.75rem 0.5rem;

        position: relative;

        text-align: center; }

        .teams .teampers .swiper-slide .somc .sic {

          width: 1.41rem;

          height: 1.41rem;

          display: block;

          margin: 0 auto 0.25rem;

          border-radius: 50%;

          background-color: #1a36e2; }

        .teams .teampers .swiper-slide .somc .sit {

          width: 100%;

          color: #222;

          font-weight: bold;

          line-height: 1.5;

          margin-bottom: 0.1rem; }

        .teams .teampers .swiper-slide .somc .simp {

          width: 100%;

          color: #666;

          line-height: 1.7;

          overflow: auto;

          height: 8.5em;

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

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

          .teams .teampers .swiper-slide .somc .simp::-webkit-scrollbar {

            width: 4px;

            height: 4px;

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

          .teams .teampers .swiper-slide .somc .simp::-webkit-scrollbar-thumb {

            border-radius: 10px;

            -webkit-box-shadow: inset 0 0 10px rgba(26, 54, 226, 0.5);

            background: rgba(26, 54, 226, 0.5);

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

          .teams .teampers .swiper-slide .somc .simp::-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); }

          .teams .teampers .swiper-slide .somc .simp p {

            color: #666;

            line-height: 1.7; }

        .teams .teampers .swiper-slide .somc .vomc {

          position: absolute;

          z-index: 2;

          width: 80%;

          text-align: center;

          left: 50%;

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

          bottom: 0; }

          .teams .teampers .swiper-slide .somc .vomc .xk {

            display: block;

            margin: 0 auto;

            width: 80%;

            background-color: #1a36e2;

            color: #fff;

            line-height: 3;

            border-radius: 0.2rem; }



.advans {

  width: 100%;

  padding: 0.8rem 0; }

  .advans .advanper {

    width: 100%;

    position: relative; }

    .advans .advanper .btn {

      position: absolute;

      width: 0.5rem;

      height: 0.5rem;

      border-radius: 50%;

      top: 50%;

      z-index: 3;

      cursor: pointer;

      transform: translateY(-50%); }

      .advans .advanper .btn img {

        width: 100%;

        display: block; }

      .advans .advanper .btn img:first-child {

        display: block; }

      .advans .advanper .btn img:last-child {

        display: none; }

    .advans .advanper .btn:hover {

      background-color: #d06c23; }

      .advans .advanper .btn:hover img:first-child {

        display: none; }

      .advans .advanper .btn:hover img:last-child {

        display: block; }

    .advans .advanper .bl {

      left: -0.75rem; }

    .advans .advanper .br {

      right: -0.75rem; }

    .advans .advanper .swiper-slide {

      width: 100%;

      padding: 0.6rem 0.2rem 0.6rem 0.3rem;

      border-radius: 0.2rem;

      background-color: rgba(243, 244, 248, 0.2); }

      .advans .advanper .swiper-slide .vic {

        width: 0.68rem;

        height: 0.68rem;

        display: block;

        margin: 0 auto 0.3rem; }

        .advans .advanper .swiper-slide .vic img {

          width: 100%;

          display: block; }

        .advans .advanper .swiper-slide .vic img:first-child {

          display: block; }

        .advans .advanper .swiper-slide .vic img:last-child {

          display: none; }

      .advans .advanper .swiper-slide .vid {

        width: 100%;

        color: #fff;

        line-height: 1.5;

        text-align: center; }

      .advans .advanper .swiper-slide .vink {

        width: 100%;

        color: #fff;

        line-height: 1.7;

        margin-top: 0.15rem;

        overflow: auto;

        height: 10.2em;

        padding-right: 0.1rem;

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

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

        .advans .advanper .swiper-slide .vink::-webkit-scrollbar {

          width: 4px;

          height: 4px;

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

        .advans .advanper .swiper-slide .vink::-webkit-scrollbar-thumb {

          border-radius: 10px;

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

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

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

        .advans .advanper .swiper-slide .vink::-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); }

        .advans .advanper .swiper-slide .vink p {

          color: #fff;

          line-height: 1.7; }

    .advans .advanper .swiper-slide:hover {

      background-color: #fff; }

      .advans .advanper .swiper-slide:hover .vic img:first-child {

        display: none; }

      .advans .advanper .swiper-slide:hover .vic img:last-child {

        display: block; }

      .advans .advanper .swiper-slide:hover .vid {

        color: #222; }

      .advans .advanper .swiper-slide:hover .vink {

        color: #222; }

        .advans .advanper .swiper-slide:hover .vink p {

          color: #222; }

        .advans .advanper .swiper-slide:hover .vink::-webkit-scrollbar-thumb {

          border-radius: 10px;

          -webkit-box-shadow: inset 0 0 10px rgba(26, 54, 226, 0.5);

          background: rgba(26, 54, 226, 0.5);

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



@media (max-width: 1680px) {

  .advans .advanper .bl {

    left: -0.15rem; }

  .advans .advanper .br {

    right: -0.15rem; } }

.travels {

  width: 100%;

  padding: 0.8rem 0; }

  .travels .travm {

    width: 100%;

    font-size: 0;

    padding: 0.8rem 0; }

    .travels .travm .toex {

      display: block;

      margin: 0 auto 0;

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

      position: relative; }

      .travels .travm .toex .eox {

        width: 100%;

        position: relative; }

      .travels .travm .toex .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .travels .travm .toex .imgs .img {

          width: 100%;

          padding-top: 100%; }

      .travels .travm .toex .tox {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 3; }

        .travels .travm .toex .tox .tiem {

          position: absolute;

          width: 50%;

          height: 50%;

          cursor: pointer; }

          .travels .travm .toex .tox .tiem .yuan {

            width: 100%;

            height: 100%; }

            .travels .travm .toex .tox .tiem .yuan img {

              width: 100%;

              display: block; }

            .travels .travm .toex .tox .tiem .yuan .m1 {

              display: none; }

            .travels .travm .toex .tox .tiem .yuan .m2 {

              display: none; }

          .travels .travm .toex .tox .tiem .yic {

            position: absolute;

            z-index: 3;

            width: 0.52rem;

            height: 0.52rem;

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

            .travels .travm .toex .tox .tiem .yic img {

              width: 100%;

              display: block; }

            .travels .travm .toex .tox .tiem .yic img:first-child {

              display: block; }

            .travels .travm .toex .tox .tiem .yic img:last-child {

              display: none; }

        .travels .travm .toex .tox .tiem:nth-child(1) {

          left: 0;

          top: 0; }

          .travels .travm .toex .tox .tiem:nth-child(1) .yuan .m1 {

            display: block;

            transform: rotate(180deg); }

          .travels .travm .toex .tox .tiem:nth-child(1) .yuan .m2 {

            transform: rotate(0deg); }

          .travels .travm .toex .tox .tiem:nth-child(1) .yic {

            left: 40%;

            top: 45%; }

        .travels .travm .toex .tox .tiem:nth-child(2) {

          right: 0;

          top: 0; }

          .travels .travm .toex .tox .tiem:nth-child(2) .yuan .m1 {

            transform: rotate(-90deg); }

          .travels .travm .toex .tox .tiem:nth-child(2) .yuan .m2 {

            transform: rotate(90deg); }

          .travels .travm .toex .tox .tiem:nth-child(2) .yic {

            left: 60%;

            top: 45%; }

        .travels .travm .toex .tox .tiem:nth-child(3) {

          right: 0;

          bottom: 0; }

          .travels .travm .toex .tox .tiem:nth-child(3) .yuan .m1 {

            display: block;

            transform: rotate(0deg); }

          .travels .travm .toex .tox .tiem:nth-child(3) .yuan .m2 {

            transform: rotate(180deg); }

          .travels .travm .toex .tox .tiem:nth-child(3) .yic {

            left: 55%;

            bottom: 20%; }

        .travels .travm .toex .tox .tiem:nth-child(4) {

          left: 0;

          bottom: 0; }

          .travels .travm .toex .tox .tiem:nth-child(4) .yuan .m1 {

            transform: rotate(90deg); }

          .travels .travm .toex .tox .tiem:nth-child(4) .yuan .m2 {

            transform: rotate(-90deg); }

          .travels .travm .toex .tox .tiem:nth-child(4) .yic {

            left: 40%;

            bottom: 20%; }

        .travels .travm .toex .tox .tiem:hover .yuan .m1 {

          display: none; }

        .travels .travm .toex .tox .tiem:hover .yuan .m2 {

          display: block; }

        .travels .travm .toex .tox .tiem:hover .yic img:first-child {

          display: none; }

        .travels .travm .toex .tox .tiem:hover .yic img:last-child {

          display: block; }

      .travels .travm .toex .meslist {

        width: 100%;

        height: 100%;

        position: absolute;

        z-index: 2;

        top: 0;

        left: 0; }

        .travels .travm .toex .meslist .meli {

          width: 100%;

          background-color: #f3f4f8;

          padding: 0.4rem 0.45rem;

          position: absolute; }

          .travels .travm .toex .meslist .meli .miv {

            width: 100%;

            color: #222;

            font-weight: bold;

            line-height: 1.3; }

          .travels .travm .toex .meslist .meli .mih {

            width: 100%;

            color: #666;

            line-height: 1.5;

            height: 6em;

            margin-top: 0.1rem; }

          .travels .travm .toex .meslist .meli .lx {

            position: absolute;

            width: 1.46rem; }

            .travels .travm .toex .meslist .meli .lx img {

              width: 100%;

              display: block; }

        .travels .travm .toex .meslist .meli:nth-child(1) {

          right: calc(570 / 460 * 100%);

          top: -0.5rem; }

          .travels .travm .toex .meslist .meli:nth-child(1) .lx {

            left: 100%;

            top: 50%; }

        .travels .travm .toex .meslist .meli:nth-child(2) {

          left: calc(570 / 460 * 100%);

          top: -0.5rem; }

          .travels .travm .toex .meslist .meli:nth-child(2) .lx {

            right: 100%;

            top: 50%; }

        .travels .travm .toex .meslist .meli:nth-child(3) {

          left: calc(570 / 460 * 100%);

          bottom: -0.5rem; }

          .travels .travm .toex .meslist .meli:nth-child(3) .lx {

            right: 100%;

            bottom: 50%; }

        .travels .travm .toex .meslist .meli:nth-child(4) {

          right: calc(570 / 460 * 100%);

          bottom: -0.5rem; }

          .travels .travm .toex .meslist .meli:nth-child(4) .lx {

            left: 100%;

            bottom: 50%; }



@media (max-width: 800px) {

  .travels .travm {

    padding: 0.2rem 0; }

    .travels .travm .toex {

      width: 100%; }

      .travels .travm .toex .eox {

        width: 70%;

        margin: 0 auto 0.3rem; }

      .travels .travm .toex .meslist {

        width: 100%;

        position: relative; }

        .travels .travm .toex .meslist .meli {

          position: relative;

          left: 0 !important;

          top: 0 !important;

          right: auto !important;

          bottom: auto !important; }

        .travels .travm .toex .meslist .meli + .meli {

          margin-top: 0.14rem; } }

.stepsom {

  width: 100%; }

  .stepsom .shains {

    width: 100%;

    padding: 0.8rem 0; }

  .stepsom .steps {

    width: 100%; }

  .stepsom .step {

    width: 100%;

    font-size: 0;

    text-align: center;

    position: relative; }

    .stepsom .step .stiem {

      display: inline-block;

      vertical-align: top;

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

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

      background-color: #fff;

      box-shadow: 4px 7px 9px 1px rgba(26, 54, 226, 0.09);

      border-radius: 0.3rem;

      padding: 0.35rem 0.4rem;

      text-align: left;

      position: relative; }

      .stepsom .step .stiem .sum {

        width: 100%;

        color: #1a36e2;

        line-height: 1.5; }

      .stepsom .step .stiem .xt {

        width: 100%;

        color: #222;

        font-weight: bold;

        line-height: 1.5;

        margin-top: 0.3rem;

        margin-bottom: 0.1rem; }

      .stepsom .step .stiem .xpm {

        width: 100%;

        color: #666;

        line-height: 1.7;

        height: 5.1em; }

      .stepsom .step .stiem .pint {

        position: absolute;

        z-index: 2;

        left: 50%;

        transform: translateX(-50%);

        top: 100%; }

        .stepsom .step .stiem .pint .ld {

          display: block;

          margin: 0 auto;

          width: 1px;

          height: 0.75rem;

          border-left: dashed  0.5px #1a36e2;

          border-right: dashed  0.5px #1a36e2; }

        .stepsom .step .stiem .pint .oc {

          width: 0.16rem;

          height: 0.16rem;

          border-radius: 50%;

          background-color: #1a36e2;

          position: relative;

          margin: 0 auto; }

          .stepsom .step .stiem .pint .oc:after {

            content: ' ';

            position: absolute;

            width: 0.36rem;

            height: 0.36rem;

            border-radius: 50%;

            background-color: rgba(26, 54, 226, 0.15);

            left: 50%;

            top: 50%;

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

    .stepsom .step .stiem:nth-child(3n) {

      margin-right: 0; }

    .stepsom .step .stiem:first-child {

      margin-bottom: 2.88rem; }

    .stepsom .step .stiem:nth-child(4) .pint, .stepsom .step .stiem:nth-child(5) .pint {

      bottom: 100%;

      top: auto;

      display: flex;

      flex-wrap: wrap;

      flex-direction: column-reverse; }

    .stepsom .step .line {

      position: absolute;

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

      left: 49.5%;

      top: 50%;

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

      .stepsom .step .line img {

        width: 100%;

        display: block; }

    .stepsom .step .xot {

      position: absolute;

      z-index: 2;

      left: 50%;

      top: 50%;

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

      width: 100%;

      text-align: center;

      font-size: 0; }

      .stepsom .step .xot .xtn {

        display: inline-block;

        vertical-align: middle;

        background-color: #1a36e2;

        padding: 0 0.8rem;

        color: #fff;

        line-height: 2.5;

        border-radius: 1.25em; }



@media (max-width: 800px) {

  .stepsom .step {

    width: 100%;

    text-align: left; }

    .stepsom .step .stiem {

      width: 48%;

      margin-right: 4%;

      margin-bottom: 0.23rem !important; }

    .stepsom .step .stiem:nth-child(3n) {

      margin-right: 4%; }

    .stepsom .step .stiem:nth-child(2n) {

      margin-right: 0; }

    .stepsom .step .xot {

      position: relative;

      left: 0;

      top: 0;

      transform: translate(0, 0);

      margin-top: 0.4rem; } }

@media (max-width: 420px) {

  .stepsom .step {

    width: 100%;

    text-align: left; }

    .stepsom .step .stiem {

      width: 100%;

      margin-right: 0% !important;

      margin-bottom: 0.23rem !important; }

      .stepsom .step .stiem .xpm {

        -webkit-line-clamp: 100;

        height: auto !important; }

    .stepsom .step .stiem:nth-child(3n) {

      margin-right: 4%; }

    .stepsom .step .stiem:nth-child(2n) {

      margin-right: 0; }

    .stepsom .step .xot {

      position: relative;

      left: 0;

      top: 0;

      transform: translate(0, 0);

      margin-top: 0.4rem; } }

.procens {

  width: 100%;

  padding: 0.8rem 0; }

  .procens .prolist {

    width: 100%;

    font-size: 0; }

    .procens .prolist .proam {

      display: inline-block;

      vertical-align: top;

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

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

      font-size: 0;

      position: relative;

      background-color: #f7f8fa;

      border-radius: 0.3rem;

      overflow: hidden;

      margin-bottom: 0.5rem; }

      .procens .prolist .proam a {

        width: 100%;

        display: flex; }

      .procens .prolist .proam .swl {

        display: inline-block;

        vertical-align: middle;

        width: 50%;

        padding: 0.4rem;

        display: flex;

        flex-wrap: wrap;

        align-items: center; }

        .procens .prolist .proam .swl .sit {

          width: 100%;

          color: #222;

          line-height: 1.3;

          font-weight: bold; }

        .procens .prolist .proam .swl .swuls {

          width: 100%;

          margin-top: 0.35rem; }

          .procens .prolist .proam .swl .swuls .sli {

            width: 100%; }

            .procens .prolist .proam .swl .swuls .sli .sm {

              width: 100%;

              color: #1a36e2;

              line-height: 1.5;

              margin-bottom: 0.1rem; }

            .procens .prolist .proam .swl .swuls .sli .smm {

              width: 100%;

              color: #666;

              line-height: 1.5;

              height: 3em; }

            .procens .prolist .proam .swl .swuls .sli .smm.h3s {

              height: 4.5em; }

          .procens .prolist .proam .swl .swuls .sli + .sli {

            margin-top: 0.3rem; }

      .procens .prolist .proam .swr {

        display: inline-block;

        vertical-align: middle;

        width: 50%;

        position: relative;

        overflow: hidden; }

        .procens .prolist .proam .swr .img {

          width: 100%;

          padding-top: 134.02%;

          transition: all ease 0.5s; }

    .procens .prolist .proam:nth-child(2n) {

      margin-right: 0; }

    .procens .prolist .proam:hover .swr .img {

      transform: scale(1.1); }



.petails {

  width: 100%;

  background-color: #f3f4f8; }

  .petails .petail {

    width: 100%;

    padding: 0.6rem 0; }

  .petails .petam {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    .petails .petam .pel {

      display: inline-block;

      vertical-align: middle;

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

      .petails .petam .pel .swiper-slide {

        width: 100%; }

        .petails .petam .pel .swiper-slide a {

          width: 100%;

          display: block; }

        .petails .petam .pel .swiper-slide .imgs {

          width: 100%;

          position: relative;

          overflow: hidden; }

          .petails .petam .pel .swiper-slide .imgs .img {

            width: 100%;

            padding-top: 100%; }

      .petails .petam .pel .pagination {

        width: 100%;

        text-align: center;

        font-size: 0;

        margin-top: 0.2rem; }

        .petails .petam .pel .pagination .btn {

          display: inline-block;

          vertical-align: middle;

          width: 9px;

          cursor: pointer; }

          .petails .petam .pel .pagination .btn img {

            width: 100%;

            display: block; }

          .petails .petam .pel .pagination .btn img:first-child {

            display: block; }

          .petails .petam .pel .pagination .btn img:last-child {

            display: none; }

        .petails .petam .pel .pagination .btn:hover img:first-child {

          display: none; }

        .petails .petam .pel .pagination .btn:hover img:last-child {

          display: block; }

        .petails .petam .pel .pagination .pagins {

          display: inline-block;

          vertical-align: middle;

          width: auto;

          font-size: 0;

          margin: 0 0.3rem;

          height: 18px; }

          .petails .petam .pel .pagination .pagins .lim {

            display: inline-block;

            vertical-align: bottom;

            height: 18px;

            margin: 0 0.1rem;

            cursor: pointer;

            font-size: 0; }

            .petails .petam .pel .pagination .pagins .lim span {

              display: inline-block;

              width: 2px;

              height: 10px;

              margin-top: 8px;

              background-color: #999;

              transition: all ease 0.5s; }

          .petails .petam .pel .pagination .pagins .lim.on {

            display: inline-block;

            vertical-align: bottom; }

            .petails .petam .pel .pagination .pagins .lim.on span {

              width: 2px;

              height: 18px;

              margin-top: 0;

              background-color: #1c38e2; }

    .petails .petam .per {

      display: inline-block;

      vertical-align: middle;

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

      .petails .petam .per .px {

        width: 100%;

        color: #222;

        line-height: 1.5; }

      .petails .petam .per .xt {

        width: 100%;

        color: #222;

        font-weight: bold;

        line-height: 1.2;

        margin: 0.12rem 0 0.3rem; }

        .petails .petam .per .xt p {

          color: #222;

          font-weight: bold;

          line-height: 1.2; }

      .petails .petam .per .xim {

        width: 100%;

        color: #666;

        line-height: 1.7;

        margin: 0.3rem 0 0.2rem; }

        .petails .petam .per .xim p {

          color: #666;

          line-height: 1.7; }

      .petails .petam .per .xinmp {

        width: 100%;

        color: #666;

        line-height: 1.8; }

        .petails .petam .per .xinmp p {

          color: #666;

          line-height: 1.8;

          position: relative;

          padding-left: 0.2rem; }

          .petails .petam .per .xinmp p:after {

            content: ' ';

            position: absolute;

            left: 0;

            top: calc(0.9em - 0.03rem);

            width: 0.06rem;

            height: 0.06rem;

            border-radius: 50%;

            background-color: #666; }

      .petails .petam .per .xob {

        width: 100%;

        font-size: 0;

        margin-top: 0.4rem; }

        .petails .petam .per .xob a {

          display: inline-block;

          vertical-align: middle;

          background-color: #ffffff;

          border-radius: 5px;

          border: solid 1px #d2d2d2;

          width: auto;

          padding: 0 0.4rem;

          line-height: 3;

          height: 3em;

          color: #3ac34c; }

          .petails .petam .per .xob a span {

            display: inline-block;

            vertical-align: middle;

            width: 0.25rem;

            margin-right: 0.1rem; }

            .petails .petam .per .xob a span img {

              width: 100%;

              display: block; }



.penavs {

  width: 100%;

  background-color: #ffffff;

  box-shadow: 0px 6px 13px 0px rgba(168, 174, 176, 0.05);

  border: solid 1px #eeeeee; }

  .penavs .penav {

    width: 100%; }

    .penavs .penav .swiper-wrapper {

      justify-content: center; }

    .penavs .penav .swiper-slide {

      width: auto;

      display: inline-block;

      vertical-align: middle; }

      .penavs .penav .swiper-slide a {

        width: 100%;

        display: block;

        color: #222;

        line-height: 1rem;

        padding: 0 0.5rem;

        position: relative; }

        .penavs .penav .swiper-slide a:after {

          content: ' ';

          position: absolute;

          width: 0;

          height: 0;

          left: 50%;

          transform: translateX(-50%);

          border: solid 0.06rem;

          border-color: #203be5 transparent transparent transparent;

          bottom: 0.2rem;

          opacity: 0;

          transition: all ease 0.5s; }

    .penavs .penav .swiper-slide.on a {

      color: #2a44e4; }

      .penavs .penav .swiper-slide.on a:after {

        opacity: 1; }

  .penavs .penav.fixed {

    position: fixed;

    z-index: 20;

    left: 0;

    right: 0;

    background-color: #fff;

    width: 100%;

    padding: 0 3%; }



.pecontd {

  width: 100%;

  padding: 0.8rem 0; }

  .pecontd .econd {

    width: 100%; }

  .pecontd .eitem {

    width: 100%; }

    .pecontd .eitem .eit {

      width: 100%;

      color: #222;

      font-weight: bold;

      line-height: 1.5;

      margin-bottom: 0.25rem; }

    .pecontd .eitem .eaumlis {

      width: 100%;

      font-size: 0; }

      .pecontd .eitem .eaumlis .eaums {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        background-color: #f5f6f7;

        overflow: hidden; }

        .pecontd .eitem .eaumlis .eaums .eal {

          display: inline-block;

          vertical-align: middle;

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

          position: relative;

          overflow: hidden; }

          .pecontd .eitem .eaumlis .eaums .eal .img {

            width: 100%;

            padding-top: 68.75%; }

        .pecontd .eitem .eaumlis .eaums .ear {

          display: inline-block;

          vertical-align: middle;

          display: flex;

          flex-wrap: wrap;

          align-items: center;

          position: relative;

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

          padding: 0rem 1rem; }

          .pecontd .eitem .eaumlis .eaums .ear .num {

            position: absolute;

            right: 0;

            bottom: -0.4rem;

            color: #ebeef0;

            font-weight: bold;

            line-height: 1; }

          .pecontd .eitem .eaumlis .eaums .ear .euls {

            width: 100%; }

            .pecontd .eitem .eaumlis .eaums .ear .euls .eli {

              width: 100%;

              padding: 0.3rem 0; }

              .pecontd .eitem .eaumlis .eaums .ear .euls .eli .eix {

                width: 100%;

                color: #222;

                line-height: 1.5; }

              .pecontd .eitem .eaumlis .eaums .ear .euls .eli .eim {

                width: 100%;

                color: #666;

                line-height: 1.7;

                margin-top: 0.1rem; }

                .pecontd .eitem .eaumlis .eaums .ear .euls .eli .eim p {

                  color: #666;

                  line-height: 1.7; }

            .pecontd .eitem .eaumlis .eaums .ear .euls .eli:nth-child(2n) {

              border-top: dashed 1px #e5e5e5; }

      .pecontd .eitem .eaumlis .eaums:nth-child(2n) {

        flex-direction: row-reverse; }

    .pecontd .eitem .einps {

      width: 100%;

      color: #222;

      line-height: 1.7; }

      .pecontd .eitem .einps p {

        color: #222;

        line-height: 1.7; }

      .pecontd .eitem .einps table {

        width: 100%;

        display: block;

        background-color: #ffffff;

        border: solid 1px #e5e7ef; }

        .pecontd .eitem .einps table tbody {

          width: 100%;

          display: block; }

        .pecontd .eitem .einps table tr {

          background-color: #f3f4f8;

          border: none;

          display: flex;

          align-items: center; }

        .pecontd .eitem .einps table tr:nth-child(2n) {

          background-color: #fff; }

        .pecontd .eitem .einps table tr + tr {

          border-top: solid 1px #e5e7ef; }

        .pecontd .eitem .einps table td {

          border: none;

          padding: 0.15rem 0.3rem;

          color: #222;

          line-height: 1.7; }

        .pecontd .eitem .einps table td:first-child {

          color: #666; }

        .pecontd .eitem .einps table td:nth-child(1) {

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

          min-width: 120px; }

        .pecontd .eitem .einps table td:nth-child(2) {

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

          max-width: calc(100% - 120px); }

        .pecontd .eitem .einps table td + td {

          border-left: solid 1px #e5e7ef; }

  .pecontd .eitem + .eitem {

    margin-top: 0.45rem; }



.prices {

  width: 100%;

  padding: 0.8rem 0; }

  .prices .priclist {

    width: 100%;

    font-size: 0; }

    .prices .priclist .pritm {

      display: inline-block;

      vertical-align: middle;

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

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

      margin-bottom: 0.25rem;

      position: relative;

      border-radius: 0.2rem;

      box-shadow: 4px 7px 9px 1px rgba(26, 54, 226, 0.09); }

      .prices .priclist .pritm a {

        width: 100%;

        display: block; }

      .prices .priclist .pritm .vom {

        width: 100%;

        padding: 0.4rem 0.26rem;

        position: relative;

        z-index: 2; }

        .prices .priclist .pritm .vom .vt {

          width: 100%;

          color: #666;

          line-height: 1.7; }

        .prices .priclist .pritm .vom .vum {

          width: 100%;

          color: #222;

          line-height: 1.7;

          margin-top: 0.3rem; }

      .prices .priclist .pritm .bg {

        position: absolute;

        z-index: 1;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%; }

        .prices .priclist .pritm .bg .bg1 {

          width: 100%;

          height: 100%;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          opacity: 1;

          transition: all ease 0.5s; }

        .prices .priclist .pritm .bg .bg2 {

          width: 100%;

          height: 100%;

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          opacity: 0;

          transition: all ease 0.5s; }

    .prices .priclist .pritm:nth-child(3n) {

      margin-right: 0; }

    .prices .priclist .pritm:hover .bg .bg1 {

      opacity: 0; }

    .prices .priclist .pritm:hover .bg .bg2 {

      opacity: 1; }

    .prices .priclist .pritm:hover .vom .vt, .prices .priclist .pritm:hover .vom .vum {

      color: #fff; }

  .prices .today {

    width: 100%;

    margin-top: 0.7rem; }

    .prices .today .tit {

      width: 100%;

      color: #222;

      line-height: 1.6;

      margin-bottom: 0.2rem; }

    .prices .today .chart {

      width: 100%;

      background-color: #fff;

      box-shadow: 4px 7px 9px 1px rgba(26, 54, 226, 0.09);

      border-radius: 0.3rem;

      padding: 0.3rem 0.3rem; }

      .prices .today .chart .cton {

        width: 100%;

        display: block;

        height: 400px;

        position: relative; }

        .prices .today .chart .cton .xoe {

          width: 100%;

          height: 100%;

          position: absolute;

          left: 0;

          top: 0;

          display: block; }



.caps {

  width: 100%;

  padding: 0.8rem 0; }

  .caps .cappm {

    width: 100%;

    background-color: #fff;

    box-shadow: 4px 7px 9px 1px rgba(26, 54, 226, 0.09);

    border-radius: 0.3rem;

    padding: 0.3rem 0.3rem; }

    .caps .cappm .tochart {

      width: 100%;

      display: block;

      height: 400px;

      position: relative; }

      .caps .cappm .tochart .xoe {

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0;

        display: block; }



.supplys {

  width: 100%;

  padding: 0.8rem 0; }

  .supplys .supply {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .supplys .supply .supl {

      display: inline-block;

      vertical-align: middle;

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

      .supplys .supply .supl .sopom {

        width: 100%;

        font-size: 0; }

        .supplys .supply .supl .sopom .splm {

          display: inline-block;

          vertical-align: middle;

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

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

          margin-bottom: 0.35rem;

          padding: 0.25rem;

          background-color: #f3f4f8;

          border-radius: 0.2rem;

          border: solid 1px #e5e7ef; }

          .supplys .supply .supl .sopom .splm .sop {

            width: 100%;

            font-size: 0;

            text-align: right; }

            .supplys .supply .supl .sopom .splm .sop span {

              display: inline-block;

              vertical-align: middle;

              width: 0.5rem;

              height: 0.5rem; }

              .supplys .supply .supl .sopom .splm .sop span img {

                width: 100%;

                display: block; }

          .supplys .supply .supl .sopom .splm .sp {

            width: 100%;

            color: #666;

            line-height: 1.5; }

          .supplys .supply .supl .sopom .splm .skm {

            width: 100%;

            color: #222;

            line-height: 1.5; }

        .supplys .supply .supl .sopom .splm:nth-child(2n) {

          margin-right: 0; }

      .supplys .supply .supl .somom {

        width: 100%;

        margin-bottom: 0.35rem;

        background-color: #f3f4f8;

        border-radius: 0.2rem;

        border: solid 1px #e5e7ef; }

        .supplys .supply .supl .somom .siy {

          width: 100%;

          color: #222;

          font-weight: bold;

          line-height: 1.5;

          padding: 0.1rem 0.25rem; }

        .supplys .supply .supl .somom .siim {

          width: 100%;

          color: #666;

          line-height: 1.5;

          padding: 0.15rem 0.25rem;

          border-top: solid 1px #e5e7ef; }

        .supplys .supply .supl .somom .siin {

          width: 100%;

          color: #222;

          line-height: 1.5;

          padding: 0.15rem 0.25rem;

          border-top: solid 1px #e5e7ef; }

      .supplys .supply .supl .sobom {

        width: 100%;

        background-color: #f3f4f8;

        border-radius: 0.2rem;

        border: solid 1px #e5e7ef; }

        .supplys .supply .supl .sobom .siy {

          width: 100%;

          color: #222;

          font-weight: bold;

          line-height: 1.5;

          padding: 0.1rem 0.25rem; }

        .supplys .supply .supl .sobom .sli {

          width: 100%;

          font-size: 0;

          border-top: solid 1px #e5e7ef;

          padding: 0.12rem 0.25rem; }

          .supplys .supply .supl .sobom .sli .sml {

            display: inline-block;

            vertical-align: middle;

            width: 50%;

            color: #666;

            line-height: 1.5; }

          .supplys .supply .supl .sobom .sli .smr {

            display: inline-block;

            vertical-align: middle;

            width: 50%;

            color: #222;

            line-height: 1.5; }

    .supplys .supply .supr {

      display: inline-block;

      vertical-align: middle;

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

      border-radius: 0.2rem;

      border: solid 1px #e5e7ef;

      display: flex;

      flex-wrap: wrap;

      padding: 0.4rem; }

      .supplys .supply .supr .sops {

        width: 100%;

        text-align: center;

        margin-bottom: 0.3rem; }

        .supplys .supply .supr .sops .sic {

          color: #222;

          font-weight: bold;

          line-height: 1.5; }

        .supplys .supply .supr .sops .siv {

          width: 100%;

          color: #666;

          line-height: 1.5; }

      .supplys .supply .supr .smaps {

        width: 100%;

        height: 360px;

        display: block;

        position: relative; }

        .supplys .supply .supr .smaps .xoe {

          width: 100%;

          height: 100%;

          position: absolute;

          left: 0;

          top: 0;

          display: block; }



.svomp {

  width: 100%;

  padding: 0.8rem 0; }

  .svomp .mitop {

    margin-bottom: 0.3rem; }

  .svomp .svok {

    width: 100%;

    margin: 0.3rem 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

    .svomp .svok .svl {

      display: inline-block;

      vertical-align: middle;

      color: #666;

      line-height: 1.5; }

    .svomp .svok .svr {

      display: inline-block;

      vertical-align: middle;

      text-align: right; }

      .svomp .svok .svr span {

        display: inline-block;

        vertical-align: middle;

        color: #222;

        line-height: 1.5;

        border-bottom: solid 1px #222; }

  .svomp .cappm {

    width: 100%;

    background-color: #fff;

    box-shadow: 4px 7px 9px 1px rgba(26, 54, 226, 0.09);

    border-radius: 0.3rem;

    padding: 0.3rem 0.3rem; }

    .svomp .cappm .tochart {

      width: 100%;

      display: block;

      height: 400px;

      position: relative; }

      .svomp .cappm .tochart .xoe {

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0;

        display: block; }



.svomp.white .svok .svl {

  color: #fff; }

.svomp.white .svok .svr span {

  color: #fff;

  border-bottom: solid 1px #fff; }


  .searchlom {
    width: 100%;
    padding: 0.8rem 0; }
    .searchlom .results {
      width: 100%; }
      .searchlom .results .rips {
        width: 100%;
        color: #222;
        line-height: 1.5; }
        .searchlom .results .rips a {
          display: inline-block;
          color: #222;
          line-height: 1.5;
          margin-right: 0.25rem; }
          .searchlom .results .rips a i {
            display: inline-block;
            margin: 0 0.06rem;
            color: #1c38e2;
            font-style: normal; }
      .searchlom .results .resulis {
        width: 100%;
        margin-top: 0.4rem; }
        .searchlom .results .resulis .reuom {
          width: 100%;
          border: solid 1px #ddd;
          transition: all ease 0.5s;
          border-radius: 0.2rem; }
          .searchlom .results .resulis .reuom a {
            width: 100%;
            display: block;
            padding: 0.3rem 0.25rem; }
          .searchlom .results .resulis .reuom .cit {
            width: 100%;
            font-size: 0; }
            .searchlom .results .resulis .reuom .cit .cp {
              display: inline-block;
              vertical-align: middle;
              max-width: calc(100% - 6em);
              color: #222;
              line-height: 1.5;
              padding-right: 0.2rem; }
              .searchlom .results .resulis .reuom .cit .cp span {
                color: #1c38e2; }
            .searchlom .results .resulis .reuom .cit .tic {
              display: inline-block;
              vertical-align: middle;
              color: #fff;
              width: auto;
              padding: 0 0.2rem;
              line-height: 2;
              text-align: center;
              border-radius: 1em;
              background-color: #1c38e2; }
          .searchlom .results .resulis .reuom .vim {
            width: 100%;
            color: #888;
            line-height: 2;
            margin-top: 0.08rem; }
        .searchlom .results .resulis .reuom:hover {
          background-color: #fff;
          border: 1px solid #ddd;
          box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1); }
        .searchlom .results .resulis .reuom + .reuom {
          margin-top: 0.3rem; }