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

:root {

  --themes: #0162b1; }



  header {

    width: 100%;

    position: fixed;

    top: 0;

    z-index: 20;

    background-color: #fff;

    transition: all ease 0.5s;

    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1); }

    header .hop {

      width: 100%;

      display: flex;

      flex-wrap: wrap;

      align-items: center; }

    header .lopm {

      width: auto;

      display: inline-block;

      vertical-align: middle; }

      header .lopm .logo {

        display: inline-block;

        vertical-align: middle;

        width: 2.82rem; }

        header .lopm .logo a, header .lopm .logo img {

          width: 100%;

          display: block; }

      header .lopm .lx {

        display: inline-block;

        vertical-align: middle;

        width: 2px;

        background-color: #f5f5f5;

        height: 0.57rem;

        margin: 0 0.2rem; }

      header .lopm .dom {

        display: inline-block;

        vertical-align: middle;

        text-align: center; }

        header .lopm .dom .pr {

          width: 100%;

          color: #000;

          font-weight: bold;

          line-height: 1.5; }

        header .lopm .dom .pf {

          width: 100%;

          color: #c7000b;

          font-weight: bold;

          line-height: 1.5; }

    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.35rem;

        width: 0.2rem;

        height: 1rem; }

        header .rav .search .sc {

          display: inline-block;

          vertical-align: middle;

          width: 0.2rem;

          min-width: 16px;

          min-height: 16px;

          position: absolute;

          left: 50%;

          top: 50%;

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

          z-index: 3; }

          header .rav .search .sc img {

            width: 100%;

            display: block; }

      header .rav .sechom {

        position: absolute;

        z-index: 3;

        right: 0;

        width: 4rem;

        background-color: #fff;

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

        padding: 0.1rem;

        top: 100%;

        display: none; }

        header .rav .sechom form {

          width: 100%;

          display: block;

          font-size: 0; }

        header .rav .sechom .input {

          display: inline-block;

          vertical-align: middle;

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

          border: solid 1px #e5e5e5;

          margin-right: 0.2rem; }

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

          display: inline-block;

          vertical-align: middle;

          width: 2.2em;

          height: 2.2em;

          border-radius: 50%;

          background-color: var(--themes);

          position: relative; }

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

            filter: grayscale(100%) brightness(400%); }

          header .rav .sechom .stn input {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            display: block;

            border-radius: 50%;

            cursor: pointer;

            z-index: 3;

            opacity: 0; }

      header .rav .languages {

        width: auto;

        display: inline-block;

        vertical-align: middle;

        font-size: 0;

        margin: 0 0.1rem;

        text-align: left;

        margin-right: 0rem; }

        header .rav .languages .lauges {

          width: 100%;

          display: inline-block;

          vertical-align: middle;

          position: relative; }

          header .rav .languages .lauges .lashow {

            width: 100%;

            color: #333;

            position: relative;

            cursor: pointer;

            font-size: 0;

            padding-right: 12px; }

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

              display: inline-block;

              vertical-align: middle;

              width: 0.2rem;

              height: 0.2rem;

              min-width: 16px;

              min-height: 16px;

              margin-right: 0.1rem;

              display: none; }

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

                width: 100%;

                display: block; }

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

              color: #333;

              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(49% + 0.015rem);

              transform: translateY(-50%);

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

              width: 9px;

              height: 6px;

              background-size: 100%; }

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

            color: var(--themes); }

          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%);

            border-radius: 0 0 0.1rem 0.1rem;

            overflow: hidden; }

            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;

                  background: #fff;

                  z-index: 1; }

              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 {

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

            header .rav .languages .lauges .language .latem:last-child {

              border-radius: 0 0 0.1rem 0.1rem;

              overflow: hidden; }

      header .rav .insern {

        display: inline-block;

        vertical-align: middle;

        width: 2.6rem;

        margin-right: 0.15rem;

        position: relative;

        text-align: left; }

        header .rav .insern form {

          width: 100%;

          display: block;

          font-size: 0;

          border: solid 1px #333;

          padding: 0 0.15rem;

          border-radius: 0.1rem;

          position: relative;

          z-index: 3;

          background-color: #fff; }

        header .rav .insern .inc {

          width: calc(100% - 21px);

          display: inline-block;

          vertical-align: middle; }

          header .rav .insern .inc .sid {

            width: 100%;

            border: none;

            background-color: transparent;

            line-height: 2.6;

            height: 2.6em;

            display: block;

            padding-right: 0.15rem; }

        header .rav .insern .stn {

          display: inline-block;

          vertical-align: middle;

          width: 21px;

          height: 21px;

          position: relative; }

          header .rav .insern .stn img {

            width: 100%;

            display: block; }

          header .rav .insern .stn .suc {

            position: absolute;

            z-index: 2;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            position: absolute;

            cursor: pointer;

            opacity: 0; }

        header .rav .insern .sernuls {

          width: 100%;

          position: absolute;

          z-index: 2;

          top: calc(100% - 0.1rem);

          left: 0;

          right: 0;

          padding: 0.3rem 0.15rem 0.15rem;

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

          border: solid 1px #333;

          border-radius: 0 0 0.1rem 0.1rem;

          display: none; }

          header .rav .insern .sernuls .pli {

            width: 100%; }

            header .rav .insern .sernuls .pli a {

              width: 100%;

              display: block;

              color: #333;

              line-height: 1.5;

              padding: 0.05rem 0; }

            header .rav .insern .sernuls .pli a:hover {

              color: var(--themes); }

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

          header nav .natem .nas a {

            display: inline-block;

            line-height: 1rem;

            color: #333;

            position: relative; }

          header nav .natem .nas:after {

            content: ' ';

            position: absolute;

            left: 50%;

            bottom: 0rem;

            transform: translateX(-50%);

            opacity: 0;

            width: 100%;

            height: 0.03rem;

            transition: all ease 0.5s;

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

        header nav .natem .navuls {

          width: 2.2rem;

          width: 1.8rem;

          position: absolute;

          z-index: 101;

          left: calc(50%);

          top: 100%;

          transform: translateX(-50%);

          background-color: white;

          display: none;

          overflow: hidden; }

          header nav .natem .navuls ul {

            width: 100%; }

            header nav .natem .navuls ul li {

              width: 100%;

              position: relative; }

              header nav .natem .navuls ul li .njm {

                width: 100%;

                font-size: 0;

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

              header nav .natem .navuls ul li .ns {

                width: 100%;

                display: inline-block;

                vertical-align: middle;

                line-height: 3;

                color: #222;

                text-align: left;

                text-overflow: ellipsis;

                overflow: hidden;

                white-space: nowrap;

                padding: 0 0.1rem;

                position: relative;

                text-align: center;

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

              header nav .natem .navuls ul li .theul {

                width: 100%;

                background-color: #fff;

                display: none; }

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

                  width: 100%;

                  font-size: 0; }

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

                    display: inline-block;

                    vertical-align: middle;

                    color: #333;

                    line-height: 2.5;

                    padding: 0 0.2rem; }

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

                    color: #333; }

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

              background-color: var(--themes);

              color: #fff; }

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

              content: "+";

              display: inline-block;

              width: 36px;

              height: 36px;

              line-height: 36px;

              text-align: center;

              position: absolute;

              background: none;

              right: 0;

              left: auto;

              transform: translateX(0);

              top: 0.05rem;

              font-size: 20px;

              color: #333;

              border: none;

              display: none; }

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

              content: "-"; }

      header nav .natem.on .nas a {

        color: var(--themes);

        font-weight: bold; }

      header nav .natem.on .nas:after {

        opacity: 1; }

      header nav .natem:hover .nas a {

        color: var(--themes);

        font-weight: bold; }

      header nav .natem:hover .nas:after {

        opacity: 1; }

  

  @media (max-width: 1300px) {

    header {

      padding: 0.05rem 0;

      height: 1rem; }

      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: 0rem 0.2rem;

        display: block;

        text-align: left;

        display: none;

        border-top: solid 1px #e5e5e5; }

        header nav .natem {

          display: inline-block;

          vertical-align: middle;

          position: relative;

          width: auto;

          width: 100%;

          padding: 0.1rem 0;

          opacity: 0;

          transform: translate(-10px, -30px);

          transition: all .8s ease; }

          header nav .natem .nas {

            width: auto;

            display: inline-block;

            text-align: left;

            width: 100%;

            margin: 0; }

            header nav .natem .nas a {

              width: auto;

              display: inline-block;

              vertical-align: middle;

              line-height: 2.5;

              color: #333;

              font-weight: bold;

              font-family: 'Alibaba-PuHuiTi-Bold';

              padding: 0 0.3rem;

              position: relative; }

            header nav .natem .nas .ik {

              display: none !important; }

            header nav .natem .nas a:hover {

              color: var(--themes);

              background-color: transparent; }

          header nav .natem .navuls {

            width: 100%;

            position: relative;

            z-index: 101;

            left: 0%;

            top: 0%;

            transform: translateX(0%);

            background: #fff;

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

            display: none;

            text-align: left; }

            header nav .natem .navuls ul {

              width: 100%;

              padding: 0.1rem 0.2rem; }

              header nav .natem .navuls ul li {

                width: 100%;

                display: block;

                position: relative;

                margin-bottom: 0; }

                header nav .natem .navuls ul li .ns {

                  width: auto;

                  display: inline-block;

                  vertical-align: middle;

                  line-height: 3;

                  color: #333;

                  text-align: left !important;

                  text-overflow: ellipsis;

                  overflow: hidden;

                  white-space: nowrap;

                  padding: 0 0.2rem;

                  background: #fff;

                  position: relative; }

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

                  color: var(--themes); }

              header nav .natem .navuls ul li + li {

                border-top: solid 1px #eee; }

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

                background-color: transparent;

                color: var(--themes); }

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

                display: block; }

          header nav .natem:before {

            display: none !important; }

          header nav .natem .prosubnav {

            display: none; }

        header nav .natem.on .nas:after {

          display: none; }

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

          display: none; }

        header nav .natem.has-nav:after {

          content: "+";

          display: inline-block;

          width: 36px;

          height: 36px;

          line-height: 36px;

          text-align: center;

          position: absolute;

          background: none;

          right: 0;

          left: auto;

          transform: translateX(0);

          top: 0.05rem;

          font-size: 20px;

          color: #333;

          border: none; }

        header nav .natem.has-nav.show:after {

          content: "-"; }

        header nav .natem.animate {

          opacity: 1;

          transform: translate(0, 0); }

      header .rav {

        flex: 1;

        text-align: right; }

        header .rav .sechom {

          width: 100vw;

          position: fixed;

          left: 50%;

          right: auto;

          transform: translateX(-50%); }

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

            width: 100%;

            height: 100%;

            text-align: center;

            color: #333;

            font-size: 20px;

            line-height: 24px;

            text-align: center;

            position: absolute;

            z-index: 3;

            left: 50%;

            top: 50%;

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

            display: none; }

  

    header.menu-state .rav .menu img {

      opacity: 0; } }



.banner {



  width: 100%;



  position: relative; }



  .banner .swiper-slide {



    width: 100%;



    padding: 0.85rem 0;



    overflow: hidden;



    height: auto; }



    .banner .swiper-slide .bamen {



      width: 100%;



      font-size: 0;



      width: 14rem;



      max-width: 90%;



      margin: 0 auto;



      display: flex;



      flex-wrap: wrap;



      align-items: center;



      justify-content: space-between; }



      .banner .swiper-slide .bamen .imgs {



        display: inline-block;



        vertical-align: middle;



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



        position: relative;



        overflow: hidden;



        opacity: 0;



        transform: translate3d(-35%, 0, 0);



        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }



        .banner .swiper-slide .bamen .imgs .img {



          width: 100%;



          padding-top: 89.06%;



          transition: all ease 0.5s; }



      .banner .swiper-slide .bamen .romd {



        display: inline-block;



        vertical-align: middle;



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



        opacity: 0;



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



        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s; }



        .banner .swiper-slide .bamen .romd .rit {



          width: 100%;



          font-weight: bold;



          color: var(--themes);



          line-height: 1.2; }



          .banner .swiper-slide .bamen .romd .rit p {



            font-weight: bold;



            color: var(--themes);



            line-height: 1.2; }



        .banner .swiper-slide .bamen .romd .xim {



          width: 100%;



          color: #666;



          line-height: 1.6;



          margin-top: 0.2rem; }



          .banner .swiper-slide .bamen .romd .xim p {



            color: #666;



            line-height: 1.6; }



        .banner .swiper-slide .bamen .romd .more {



          width: 100%;



          font-size: 0;



          margin-top: 0.5rem; }



          .banner .swiper-slide .bamen .romd .more a {



            display: inline-block;



            vertical-align: middle;



            background-color: var(--themes);



            color: #fff;



            padding: 0 0.3rem;



            line-height: 3;



            border-radius: 1.5em;



            cursor: pointer;



            transition: all ease 0.5s; }



          .banner .swiper-slide .bamen .romd .more a:hover {



            transform: scale(1.1); }



  .banner .swiper-slide-active .bamen .imgs, .banner .swiper-slide-active .bamen .romd {



    opacity: 1;



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



  .banner .swiper-pagination {



    position: absolute;



    z-index: 5;



    bottom: 0.28rem;



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



    font-size: 0;



    width: auto; }



  .banner .swiper-pagination-bullet {



    display: inline-block;



    vertical-align: middle;



    width: 0.35rem;



    height: 2px;



    opacity: 1;



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



  .banner .swiper-pagination-bullet-active {



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







@media (max-width: 800px) {



  .banner .swiper-slide .bamen .imgs {



    width: 100%;



    margin-bottom: 20px; }



  .banner .swiper-slide .bamen .romd {



    width: 100%;



    min-height: 4rem; } }



footer {



  width: 100%;



  background-color: #111; }



  footer .ftop {



    width: 100%;



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



  footer .fop {



    width: 100%;



    padding: 0.8rem 0 1rem;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between; }



    footer .fop .fit {



      width: 100%;



      font-size: 0;



      margin-bottom: 0.2rem; }



      footer .fop .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 .fit a:hover {



        color: var(--themes); }



    footer .fop .fol {



      display: inline-block;



      vertical-align: top;



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



      footer .fop .fol .fum {



        width: 100%;



        color: var(--themes);



        line-height: 1.2; }



      footer .fop .fol .dul {



        width: 100%;



        font-size: 0;



        margin-top: 0.2rem; }



        footer .fop .fol .dul .dli {



          width: 100%;



          font-size: 0; }



          footer .fop .fol .dul .dli .dc {



            display: inline-block;



            vertical-align: top;



            width: 0.22rem;



            height: 0.22rem;



            min-width: 16px;



            min-height: 16px;



            margin-right: 0.12rem;



            margin-top: calc(0.875em - 0.11rem); }



            footer .fop .fol .dul .dli .dc img {



              width: 100%;



              display: block; }



          footer .fop .fol .dul .dli .dm {



            display: inline-block;



            vertical-align: top;



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



            max-width: calc(100% - 16px - 0.12rem);



            color: #666;



            line-height: 1.75; }



    footer .fop .fom {



      display: inline-block;



      vertical-align: top;



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



      footer .fop .fom .flist {



        display: inline-block;



        vertical-align: top;



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



        padding-right: 0.2rem;



        text-align: left; }



        footer .fop .fom .flist .ful {



          width: 100%;



          padding-right: 0.2rem; }



          footer .fop .fom .flist .ful a {



            width: 100%;



            display: inline-block;



            vertical-align: top;



            color: #666;



            transition: all ease 0.5s;



            line-height: 2;



            line-height: 1.5;



            padding: 0.05rem 0; }



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



            color: #fff; }



          footer .fop .fom .flist .ful div {



            width: 100%;



            display: inline-block;



            vertical-align: middle;



            color: #666;



            line-height: 2;



            transition: all ease 0.5s; }



    footer .fop .for {



      display: inline-block;



      vertical-align: top;



      width: auto; }



      footer .fop .for .comd {



        width: 100%; }



        footer .fop .for .comd .cm {



          width: 100%; }



          footer .fop .for .comd .cm img {



            width: 100%;



            display: block; }



        footer .fop .for .comd .cim {



          width: 100%;



          color: #666;



          line-height: 1.5;



          margin-top: 0.1rem; }



  footer .fbot {



    width: 100%;



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



  footer .fob {



    width: 100%;



    font-size: 0;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;



    align-items: center;



    padding: 0.24rem 0; }



    footer .fob .fbm {



      display: inline-block;



      vertical-align: middle; }



      footer .fob .fbm .fm {



        display: inline-block;



        vertical-align: middle;



        color: #666;



        line-height: 1.75; }







@media (max-width: 800px) {



  footer .fop {



    padding: 0.3rem 0; }



    footer .fop .fol {



      width: 100%;



      margin-bottom: 10px;



      order: 1;



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



      margin-right: 0.2rem; }



    footer .fop .fom {



      width: 100%;



      margin: 0.3rem 0 0.3rem;



      order: 3; }



      footer .fop .fom .flist {



        width: 100%;



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



        position: relative; }



        footer .fop .fom .flist .fit {



          width: 100%;



          margin-bottom: 0;



          padding: 0.3rem 0; }



        footer .fop .fom .flist .lx {



          display: none; }



        footer .fop .fom .flist .ful {



          width: 100%;



          font-size: 0;



          padding-bottom: 0.15rem;



          display: none; }



          footer .fop .fom .flist .ful a {



            line-height: 2; }



      footer .fop .fom .flist:first-child {



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



      footer .fop .fom .flist.has-ful:after {



        content: " ";



        display: inline-block;



        width: 14px;



        height: 8px;



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



        background-position: center;



        background-size: 100% 100%;



        text-align: center;



        position: absolute;



        right: 0.2rem;



        left: auto;



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



        top: 0.5rem;



        color: #333;



        border: none;



        transition: all ease 0.5s; }



      footer .fop .fom .flist.has-ful.show:after {



        content: " ";



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



    footer .fop .for {



      width: 100%;



      display: block;



      max-width: 2.4rem;



      margin: 0 auto;



      text-align: center;



      padding: 0 0.2rem;



      order: 2; } }



.parnters {



  width: 100%;



  font-size: 0;



  padding: 0.25rem 0;



  background-color: #111; }



  .parnters .parnter {



    width: 100%;



    font-size: 0;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;



    align-items: center; }



    .parnters .parnter .pal {



      display: inline-block;



      vertical-align: middle;



      width: 2rem;



      padding-right: 0.15rem; }



      .parnters .parnter .pal .pit {



        width: 100%;



        color: #fff;



        font-weight: bold;



        line-height: 1.5; }



    .parnters .parnter .par {



      display: inline-block;



      vertical-align: middle;



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



      .parnters .parnter .par .swiper-slide {



        width: 100%; }



        .parnters .parnter .par .swiper-slide a {



          width: 100%;



          display: block; }



        .parnters .parnter .par .swiper-slide .imgs {



          width: 100%;



          position: relative;



          overflow: hidden; }



          .parnters .parnter .par .swiper-slide .imgs .img {



            width: 100%;



            padding-top: 50%;



            transition: all ease 0.5s; }



      .parnters .parnter .par .swiper-slide:hover .imgs .img {



        transform: scale(1.1); }







.modular {



  width: 100%; }



  .modular .mitop {



    width: 100%;



    text-align: center;



    margin-bottom: 0.5rem; }



    .modular .mitop .mit {



      width: 100%;



      color: #000;



      font-weight: bold;



      line-height: 1.4; }



    .modular .mitop .mim {



      width: 100%;



      color: #999;



      line-height: 1.5; }







.newsper {



  width: 100%;



  padding: 0.8rem 0; }



  .newsper .newsom {



    width: 100%; }



  .newsper .newper {



    width: 100%; }



    .newsper .newper .swiper-slide {



      width: 100%; }



      .newsper .newper .swiper-slide a {



        width: 100%;



        display: block; }



      .newsper .newper .swiper-slide .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .newsper .newper .swiper-slide .imgs .img {



          width: 100%;



          padding-top: 88%;



          transition: all ease 0.5s; }



      .newsper .newper .swiper-slide .pom {



        width: 100%;



        padding: 0.25rem 0 0.15rem; }



        .newsper .newper .swiper-slide .pom .time {



          width: 100%;



          color: #666;



          line-height: 1.6; }



        .newsper .newper .swiper-slide .pom .pim {



          width: 100%;



          color: #000;



          line-height: 1.5;



          height: 3em; }



    .newsper .newper .swiper-slide:hover .imgs .img {



      transform: scale(1.1); }



    .newsper .newper .swiper-slide:hover .pom .pim {



      color: var(--themes); }







.abouts {



  width: 100%;



  font-size: 0;



  display: flex;



  flex-wrap: wrap; }



  .abouts .abl {



    display: inline-block;



    vertical-align: middle;



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



    position: relative; }



    .abouts .abl .imgs {



      width: 100%;



      position: relative;



      overflow: hidden; }



      .abouts .abl .imgs .img {



        width: 100%;



        padding-top: 98.76%; }



      .abouts .abl .imgs .play {



        position: absolute;



        z-index: 3;



        top: 50%;



        left: 50%;



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



        width: 0.93rem;



        cursor: pointer;



        transition: all ease 0.5s; }



        .abouts .abl .imgs .play img {



          width: 100%;



          display: block; }



      .abouts .abl .imgs .play:hover {



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



  .abouts .abr {



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



    display: flex;



    flex-wrap: wrap;



    align-content: center;



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



    .abouts .abr .ait {



      width: 100%;



      color: #000;



      line-height: 1.3;



      font-weight: bold;



      margin-bottom: 0.1rem; }



    .abouts .abr .aid {



      width: 100%;



      color: #999;



      line-height: 1.5; }



    .abouts .abr .lx {



      width: 0.45rem;



      height: 0.04rem;



      display: block;



      margin: 0.25rem 0;



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



    .abouts .abr .pid {



      width: 100%;



      color: #666;



      line-height: 1.5; }



      .abouts .abr .pid p {



        color: #666;



        line-height: 1.5; }



    .abouts .abr .more {



      width: 100%;



      font-size: 0;



      margin-top: 0.5rem; }



      .abouts .abr .more a {



        display: inline-block;



        vertical-align: middle;



        background-color: var(--themes);



        color: #fff;



        padding: 0 0.3rem;



        line-height: 3;



        border-radius: 1.5em;



        cursor: pointer;



        transition: all ease 0.5s; }



      .abouts .abr .more a:hover {



        transform: scale(1.1); }







.cases {



  width: 100%;



  padding: 0.8rem 0; }



  .cases .caspers {



    width: 100%;



    position: relative; }



    .cases .caspers .swiper-slide {



      width: 100%;



      position: relative; }



      .cases .caspers .swiper-slide a {



        width: 100%;



        display: block; }



      .cases .caspers .swiper-slide .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .cases .caspers .swiper-slide .imgs .img {



          width: 100%;



          padding-top: 50%;



          transition: all ease 0.5s; }



      .cases .caspers .swiper-slide .pom {



        position: absolute;



        bottom: 0;



        width: 100%;



        left: 0;



        right: 0;



        background-color: rgba(1, 98, 177, 0.8);



        padding: 0.1rem 0.2rem; }



        .cases .caspers .swiper-slide .pom .pim {



          width: 100%;



          text-align: center;



          color: #fff;



          line-height: 1.5; }



    .cases .caspers .swiper-slide:hover .imgs .img {



      transform: scale(1.1); }



    .cases .caspers .btn {



      position: absolute;



      z-index: 3;



      top: 50%;



      transform: translateY(-50%);



      width: 0.15rem;



      width: 0.5rem;



      height: 0.5rem;



      background-color: #fff;



      cursor: pointer; }



      .cases .caspers .btn img {



        width: 0.15rem;



        display: block;



        position: absolute;



        left: 50%;



        top: 50%;



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



      .cases .caspers .btn img:first-child {



        display: block; }



      .cases .caspers .btn img:last-child {



        display: none; }



    .cases .caspers .btn:hover img:first-child {



      display: none; }



    .cases .caspers .btn:hover img:last-child {



      display: block; }



    .cases .caspers .bl {



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



    .cases .caspers .br {



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







.products {



  width: 100%;



  font-size: 0;



  padding: 0.8rem 0 1rem;



  position: relative;



  z-index: 4; }



  .products .produtlis {



    width: 100%;



    font-size: 0; }



    .products .produtlis .prodem {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.3rem;



      position: relative; }



      .products .produtlis .prodem a {



        width: 100%;



        display: block; }



      .products .produtlis .prodem .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .products .produtlis .prodem .imgs .img {



          width: 100%;



          padding-top: 51.28%;



          transition: all ease 0.5s; }



        .products .produtlis .prodem .imgs .bkm {



          position: absolute;



          left: 0;



          top: 0;



          width: 100%;



          height: 100%;



          z-index: 3; }



      .products .produtlis .prodem .pom {



        position: relative;



        width: 100%;



        padding: 0.1rem 0.2rem; }



        .products .produtlis .prodem .pom .pim {



          width: 100%;



          text-align: center;



          color: #333;



          line-height: 1.5; }



    .products .produtlis .prodem:nth-child(2n) {



      margin-right: 0;



      top: 0.5rem; }



    .products .produtlis .prodem:hover .imgs .img {



      transform: scale(1.1); }



    .products .produtlis .prodem:hover .pom {



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



      .products .produtlis .prodem:hover .pom .pim {



        color: #fff; }







@media (max-width: 800px) {



  .products {



    padding: 0.4rem 0; }



    .products .produtlis .prodem {



      width: 100%;



      margin-right: 0;



      margin-bottom: 0rem; }



    .products .produtlis .prodem:nth-child(2n) {



      top: 0; }



    .products .produtlis .prodem + .prodem {



      margin-top: 0.2rem; } }



.nanber {



  width: 100%;



  position: relative; }



  .nanber .imgs {



    width: 100%;



    position: relative; }



    .nanber .imgs .img {



      width: 100%;

      height: 4rem;



      /* padding-top: 28.64%; */

     }



  .nanber .nox {



    position: absolute;



    z-index: 4;



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



    top: 50%;



    transform: translateY(-50%);



    width: 70%;



    z-index: 2; }



    .nanber .nox .cm {



      width: 100%;



      color: #fff;



      font-weight: bold;



      line-height: 1.4; }



    .nanber .nox .em {



      width: 100%;



      color: #fff;



      line-height: 1.5;



      margin-top: .0rem; }







@media (max-width: 1620px) {



  .nanber .nox {



    left: 5%;



    width: 90%; } }



@media (max-width: 800px) {



  .nanber .nox {



    left: 3%;



    width: 94%; } }



.crumbs {



  width: 100%; }



  .crumbs .column {



    width: 100%;



    display: flex;



    /* flex-wrap: wrap; */



    justify-content: space-between;



    align-items: center; }



    .crumbs .column .colum {

flex-shrink: 0;

margin-right: 0.2rem;

      width: auto;



      font-size: 0;



      display: inline-block;



      vertical-align: middle; }



      .crumbs .column .colum .home {



        display: inline-block;



        vertical-align: middle;



        width: .2rem;



        height: .2rem;



        min-width: 18px;



        min-height: 18px;



        margin-right: .1rem;



        position: relative;



        top: -0.02rem; }



        .crumbs .column .colum .home img {



          width: 100%;



          display: block; }



      .crumbs .column .colum .sm {



        display: inline-block;



        vertical-align: middle;



        color: #666;



        line-height: .8rem; }



      .crumbs .column .colum a {



        display: inline-block;



        vertical-align: middle;



        width: auto;



        color: #666;



        line-height: .8rem;



        overflow: hidden;



        white-space: nowrap;



        text-overflow: ellipsis; }



        .crumbs .column .colum a span {



          display: inline-block;



          color: #666;



          line-height: .8rem;



          position: relative;



          margin: 0 .08rem; }



          .crumbs .column .colum a span img {



            width: 100%;



            display: block; }



      .crumbs .column .colum a:hover {



        color: var(--themes); }



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



        display: none; }



    .crumbs .column .cur {



      display: inline-block;



      vertical-align: middle;



      width: auto; }



      .crumbs .column .cur .swiper-slide {



        display: inline-block;



        vertical-align: middle;



        margin: 0 .25rem;



        width: auto; }



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



          display: inline-block;



          vertical-align: middle;



          width: auto;



          line-height: .8rem;



          color: #666;



          position: relative; }



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



            content: ' ';



            position: absolute;



            bottom: 0;



            width: 100%;



            height: .04rem;



            background-color: var(--themes);



            left: 0;



            right: 0;



            opacity: 0; }



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



        color: var(--themes); }



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



          opacity: 1; }



    .crumbs .column .cuper {



      width: auto;



      /* flex: 1; */



      display: inline-block;



      vertical-align: middle;



      height: 3.2em;



      position: relative; }



      .crumbs .column .cuper .swiper-container {



        height: 10rem; }

      .crumbs .column .cuper .swiper-wrapper {

/* justify-content: flex-end; */

}



      .crumbs .column .cuper .swiper-slide {



        display: inline-block;



        vertical-align: middle;



        /* margin: 0 .15rem; */



        width: auto;



        height: 3.2em; }



        .crumbs .column .cuper .swiper-slide .coem {



          width: 100%;



          padding: 0 0.15rem; }



          .crumbs .column .cuper .swiper-slide .coem .ns {



            display: inline-block;



            vertical-align: middle; }



          .crumbs .column .cuper .swiper-slide .coem a {



            display: inline-block;



            vertical-align: middle;



            color: #666;



            line-height: 3.2em; }



          .crumbs .column .cuper .swiper-slide .coem .xm {



            display: inline-block;



            vertical-align: middle;



            margin-left: 0.12rem;



            width: 12px;



            transition: all ease 0.5s;



            display: none; }



            .crumbs .column .cuper .swiper-slide .coem .xm img {



              width: 100%;



              display: block; }



            .crumbs .column .cuper .swiper-slide .coem .xm img:first-child {



              display: block; }



            .crumbs .column .cuper .swiper-slide .coem .xm img:last-child {



              display: none; }



        .crumbs .column .cuper .swiper-slide .coem.on {



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



          .crumbs .column .cuper .swiper-slide .coem.on a {



            color: #fff; }



          .crumbs .column .cuper .swiper-slide .coem.on .xm {



            transform: rotate(180deg); }



            .crumbs .column .cuper .swiper-slide .coem.on .xm img:first-child {



              display: none; }



            .crumbs .column .cuper .swiper-slide .coem.on .xm img:last-child {



              display: block; }



        .crumbs .column .cuper .swiper-slide .nspul {



          width: auto;



          position: absolute;



          z-index: 101;



          left: 50%;



          top: 100%;



          /* min-width: 100%; */

          width: 100%;



          transform: translateX(-50%);



          background-color: var(--themes);



          display: none;



          box-shadow: -6px -8px 28px 4px rgba(0, 53, 97, 0.11); }



          .crumbs .column .cuper .swiper-slide .nspul .pli {



            width: 100%;



            text-align: center;



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



            .crumbs .column .cuper .swiper-slide .nspul .pli a {



              width: 100%;



              display: block;



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



              line-height: 1.5;



              transition: all ease 0.5s;



              padding: 0.1rem 0.1rem;



              /* white-space: nowrap; */
             }



            .crumbs .column .cuper .swiper-slide .nspul .pli a:hover {



              color: #fff; }



      .crumbs .column .cuper .swiper-slide.has-the .coem .xm {



        display: inline-block; }



        @media (max-width: 800px) {

          .crumbs .column .cuper .swiper-wrapper {

/* justify-content: flex-start; */

}

        }







.crumbs.white {



  background-color: #fff; }







.downers {



  width: 100%;



  background-color: #f7f7f7;



  padding: 0.6rem 0 0.2rem; }



  .downers .dowim {



    width: 100%; }



    .downers .dowim .dit {



      width: 100%;



      color: #000;



      font-weight: bold;



      line-height: 1.5;



      margin-bottom: 0.15rem; }



    .downers .dowim .downlis {



      width: 100%;



      font-size: 0; }



      .downers .dowim .downlis .ditem {



        display: inline-block;



        vertical-align: top;



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



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



        margin-bottom: 0.3rem;



        background-color: #ffffff;



        border: solid 1px #dcdcdc;



        font-size: 0; }



        .downers .dowim .downlis .ditem .eam {



          width: 100%;



          padding: 0.24rem;



          display: flex;



          align-items: center; }



        .downers .dowim .downlis .ditem .dc {



          display: inline-block;



          vertical-align: middle;



          width: 0.44rem;



          height: 0.44rem;



          margin-right: 0.2rem; }



          .downers .dowim .downlis .ditem .dc img {



            width: 100%;



            display: block; }



        .downers .dowim .downlis .ditem .name {



          display: inline-block;



          vertical-align: middle;



          width: calc(100% - 130px - 0.44rem - 1rem - 0.2rem); }



          .downers .dowim .downlis .ditem .name a {



            width: 100%;



            display: block;



            color: #111;



            font-weight: bold;



            line-height: 1.5; }



          .downers .dowim .downlis .ditem .name a:hover {



            color: var(--themes); }



        .downers .dowim .downlis .ditem .size {



          width: 1rem;



          display: inline-block;



          vertical-align: middle;



          color: #666;



          line-height: 1.5; }



        .downers .dowim .downlis .ditem .atn {



          display: inline-block;



          vertical-align: middle;



          width: 130px; }



          .downers .dowim .downlis .ditem .atn a {



            display: inline-block;



            vertical-align: middle;



            border: solid 2px #dcdcdc;



            color: #666;



            line-height: 2.8;



            border-radius: 1.4em;



            white-space: nowrap;



            width: 100%;



            text-align: center; }



            .downers .dowim .downlis .ditem .atn a .xd {



              display: inline-block;



              vertical-align: middle;



              width: 18px;



              height: 18px;



              margin-right: 0.1rem; }



              .downers .dowim .downlis .ditem .atn a .xd img {



                width: 100%;



                display: block; }



              .downers .dowim .downlis .ditem .atn a .xd img:first-child {



                display: block; }



              .downers .dowim .downlis .ditem .atn a .xd img:last-child {



                display: none; }



          .downers .dowim .downlis .ditem .atn a:hover {



            color: #fff;



            background-color: var(--themes);



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



            .downers .dowim .downlis .ditem .atn a:hover .xd img:first-child {



              display: none; }



            .downers .dowim .downlis .ditem .atn a:hover .xd img:last-child {



              display: block; }



      .downers .dowim .downlis .ditem:nth-child(2n) {



        margin-right: 0; }



  .downers .dowim + .dowim {



    margin-top: 0.25rem; }



    .downers .searcom {

      width: 100%;

      display: flex;

      flex-wrap: wrap;

      justify-content: flex-end; }

      .downers .searcom form {

        display: inline-block;

        vertical-align: middle;

        width: 4rem;

        font-size: 0; }

        .downers .searcom form .int {

          display: inline-block;

          vertical-align: middle;

          width: calc(100% - 100px);

          padding: 0 0.2rem;

          border: solid 1px #eee;

          border-right: none;

          background-color: #fff;

          line-height: 3;

          height: 3em;

          color: #222; }

        .downers .searcom form .stn {

          display: inline-block;

          vertical-align: middle;

          width: 100px;

          text-align: center;

          background-color: var(--themes);

          color: #fff;

          border: none;

          cursor: pointer;

          line-height: 3;

          height: 3em; }







    .pages {

      width: 100%;

      padding: 0.4rem 0;

      font-size: 0;

      text-align: center; }

      .pages .page {

        display: inline-block;

        vertical-align: middle;

        width: 0.45rem;

        height: 0.45rem;

        line-height: calc(0.45rem - 1px);

        text-align: center;

        color: #999;

        background-color: #fff;

        margin: 0 0.07rem;

        border-radius: 0.225rem;

        box-sizing: border-box; }

      .pages .page.ltn {

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

        background-position: center;

        background-size: 100%;

        background-repeat: no-repeat; }

      .pages .page.rtn {

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

        background-position: center;

        background-size: 100%;

        background-repeat: no-repeat; }

      .pages .page.on {

        background-color: var(--themes);

        background-position: center;

        background-repeat: no-repeat;

        color: #fff;

        box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1); }

      .pages .page.ltn:hover {

        background-color: var(--themes);

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

        background-position: center;

        background-size: 100%;

        background-repeat: no-repeat; }

      .pages .page.on.ltn {

        background-color: var(--themes);

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

        background-position: center;

        background-size: 100%;

        background-repeat: no-repeat; }

      .pages .page.on.rtn {

        background-color: var(--themes);

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

        background-position: center;

        background-size: 100%;

        background-repeat: no-repeat; }

      .pages .page.rtn:hover {

        background-color: var(--themes);

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

        background-position: center;

        background-size: 100%;

        background-repeat: no-repeat; }

      .pages .page.auto {

        width: auto;

        padding: 0 0.3rem;

        border-radius: 0.225rem; }

      .pages .page:hover {

        background-color: var(--themes);

        background-position: center;

        background-repeat: no-repeat;

        color: #fff;

        box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1); }

      .pages .sint {

        display: inline-block;

        vertical-align: middle;

        width: auto;

        color: #999;

        margin: 0 0.1rem; }

        .pages .sint .syn {

          display: inline-block;

          border: solid 1px #ddd;

          line-height: 2.5em;

          width: 0.6rem;

          min-width: 50px;

          padding: 0 0.1rem;

          color: #666;

          background-color: #fff;

          text-align: center;

          margin: 0 0.08rem;

          border-radius: 1.25em; }

      .pages .stn {

        display: inline-block;

        vertical-align: middle;

        cursor: pointer;

        background-color: var(--themes);

        color: #fff;

        line-height: 2.5em;

        height: 2.5em;

        padding: 0 0.14rem;

        margin-left: 0.1rem;

        border-radius: 1.25em;

        border: none; }

    

    @media (max-width: 900px) {

      .pages .page {

        width: 0.8rem;

        height: 0.8rem;

        line-height: 0.8rem;

        border-radius: 0.4rem; }

      .pages .page.auto {

        border-radius: 0.4rem; } }



.feedback {



  width: 100%;



  background-color: #f7f7f7;



  padding: 0.6rem 0; }



  .feedback .forms {



    width: 100%; }



    .feedback .forms form {



      width: 100%;



      display: block;



      font-size: 0; }



    .feedback .forms .row {



      width: 100%; }



      .feedback .forms .row .input {



        display: inline-block;



        vertical-align: top;



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



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



        margin-bottom: 0.2rem; }



        .feedback .forms .row .input .int {



          width: 100%;



          display: block;



          background-color: #ffffff;



          border: solid 1px #dcdcdc;



          padding: 0 0.15rem;



          color: #333;



          line-height: 3;



          height: 3em; }



        .feedback .forms .row .input .inc {



          width: 2.5rem;



          display: inline-block;



          vertical-align: middle;



          background-color: #ffffff;



          border: solid 1px #dcdcdc;



          padding: 0 0.15rem;



          color: #333;



          line-height: 3;



          height: 3em; }



        .feedback .forms .row .input .ymg {



          display: inline-block;



          vertical-align: middle;



          height: 3em;



          width: auto;



          margin: 0 0.1rem; }



          .feedback .forms .row .input .ymg img {



            height: 100%;



            display: block; }



        .feedback .forms .row .input .em {



          display: inline-block;



          vertical-align: middle;



          width: auto;



          color: #999;



          line-height: 1.5; }



      .feedback .forms .row .input:nth-child(2n) {



        margin-right: 0; }



      .feedback .forms .row .text {



        width: 100%;



        display: block;



        margin-bottom: 0.2rem; }



        .feedback .forms .row .text .area {



          width: 100%;



          display: block;



          background-color: #ffffff;



          border: solid 1px #dcdcdc;



          padding: 0.15rem 0.15rem;



          color: #333;



          line-height: 1.5; }



    .feedback .forms .sub {



      width: 100%;



      font-size: 0;



      text-align: center; }



      .feedback .forms .sub .stn {



        display: inline-block;



        vertical-align: middle;



        color: #fff;



        cursor: pointer;



        line-height: 3;



        height: 3em;



        padding: 0 0.4rem;



        border-radius: 1.5em;



        cursor: pointer;



        width: auto;



        border: none;



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







.newsdm {



  width: 100%;



  background-color: #f7f7f7;



  padding: 0.6rem 0; }



  .newsdm .newdper {



    width: 100%;



    position: relative; }



    .newsdm .newdper .swiper-slide {



      width: 100%;



      font-size: 0;



      display: flex;



      flex-wrap: wrap;



      background-color: #fff; }



      .newsdm .newdper .swiper-slide .imgs {



        display: inline-block;



        vertical-align: middle;



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



        position: relative;



        overflow: hidden; }



        .newsdm .newdper .swiper-slide .imgs a {



          width: 100%;



          display: block; }



        .newsdm .newdper .swiper-slide .imgs .img {



          width: 100%;



          padding-top: 58.13%;



          transition: all ease 0.5s; }



      .newsdm .newdper .swiper-slide .imgs:hover .img {



        transform: scale(1.1); }



      .newsdm .newdper .swiper-slide .rom {



        display: flex;



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



        flex-wrap: wrap;



        align-content: center;



        padding: 0.5rem;



        border: solid 1px #dcdcdc;



        box-sizing: border-box; }



        .newsdm .newdper .swiper-slide .rom .time {



          width: 100%;



          color: #999;



          line-height: 1.5; }



        .newsdm .newdper .swiper-slide .rom .xm {



          width: 100%;



          color: #000;



          line-height: 1.4;



          margin-top: 0.15rem; }



          .newsdm .newdper .swiper-slide .rom .xm p {



            color: #000;



            line-height: 1.4; }



        .newsdm .newdper .swiper-slide .rom .ddm {



          width: 100%;



          color: #666;



          line-height: 1.5;



          margin-top: 0.15rem; }



          .newsdm .newdper .swiper-slide .rom .ddm p {



            color: #666;



            line-height: 1.5; }



        .newsdm .newdper .swiper-slide .rom .more {



          width: 100%;



          font-size: 0;



          margin-top: 0.3rem; }



          .newsdm .newdper .swiper-slide .rom .more a {



            display: inline-block;



            vertical-align: middle;



            background-color: var(--themes);



            color: #fff;



            padding: 0 0.3rem;



            line-height: 3;



            border-radius: 1.5em;



            cursor: pointer;



            transition: all ease 0.5s; }



          .newsdm .newdper .swiper-slide .rom .more a:hover {



            transform: scale(1.1); }



    .newsdm .newdper .swiper-pagination {



      position: absolute;



      left: calc(907 / 1600 * 100%);



      z-index: 3;



      width: auto;



      bottom: 0.25rem;



      font-size: 0; }



    .newsdm .newdper .swiper-pagination-bullet {



      display: inline-block;



      vertical-align: middle;



      opacity: 1;



      width: 0.2rem;



      height: 0.03rem;



      width: 20px;



      border-radius: 0;



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



    .newsdm .newdper .swiper-pagination-bullet-active {



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



  .newsdm .newlist {



    width: 100%;



    margin-top: 0.3rem;



    font-size: 0; }



    .newsdm .newlist .newam {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.3rem; }



      .newsdm .newlist .newam a {



        width: 100%;



        display: block; }



      .newsdm .newlist .newam .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .newsdm .newlist .newam .imgs a {



          width: 100%;



          display: block; }



        .newsdm .newlist .newam .imgs .img {



          width: 100%;



          padding-top: 58.13%;



          transition: all ease 0.5s; }



      .newsdm .newlist .newam .nom {



        width: 100%;



        padding: 0.24rem;



        background-color: #fff;



        border: solid 1px #dcdcdc; }



        .newsdm .newlist .newam .nom .time {



          width: 100%;



          color: #999;



          line-height: 1.5; }



        .newsdm .newlist .newam .nom .xim {



          width: 100%;



          color: #000;



          font-weight: bold;



          line-height: 1.6;



          height: 3.2em;



          margin-top: 0.05rem; }



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



      margin-right: 0; }



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



      transform: scale(1.1); }



    .newsdm .newlist .newam:hover .nom .xim {



      color: var(--themes); }







@media (max-width: 900px) {



  .newsdm .newdper .swiper-pagination {



    position: absolute;



    left: auto;



    z-index: 3;



    width: auto;



    bottom: 0.25rem;



    font-size: 0;



    right: 5%; } }



.details {



  width: 100%;



  background-color: #f8f8f8;



  padding: 0.4rem 0;



  position: relative;



  z-index: 4; }



  .details .detail {



    width: 100%;



    position: relative;



    font-size: 0;



    display: flex;



    flex-wrap: wrap;



    align-items: flex-start;



    justify-content: space-between; }



    .details .detail .del {



      display: inline-block;



      vertical-align: top;



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



      background-color: #ffffff;



      border: solid 1px #dcdcdc;



      padding: 0.4rem 0.3rem; }



      .details .detail .del .dit {



        width: 100%;



        color: #000;



        line-height: 1.3;



        font-weight: bold; }



      .details .detail .del .dim {



        width: 100%;



        font-size: 0;



        padding: 0.1rem 0; }



        .details .detail .del .dim .pm {



          display: inline-block;



          vertical-align: middle;



          color: #999;



          line-height: 1.5;



          margin-right: 0.24rem; }



        .details .detail .del .dim .share {



          display: inline-block;



          vertical-align: middle;



          width: auto; }



          .details .detail .del .dim .share .sm {



            display: inline-block;



            vertical-align: middle;



            color: #999;



            line-height: 1.5; }



          .details .detail .del .dim .share .am {



            display: inline-block;



            vertical-align: middle;



            color: #999;



            line-height: 1.5;



            position: relative;



            width: 0.2rem;



            height: 0.2rem;



            min-width: 18px;



            min-height: 18px;



            margin-right: 0.12rem; }



            .details .detail .del .dim .share .am a {



              width: 100%;

              font-size: 0;



              display: block; }



            .details .detail .del .dim .share .am .comd {



              position: absolute;



              left: 50%;



              top: 100%;



              transform: translateX(-50%);



              width: 1.3rem;



              padding: 0.08rem;



              background-color: #fff;



              border-radius: 0.05rem;



              display: none; }



              .details .detail .del .dim .share .am .comd img {



                width: 100%;



                display: block; }



          .details .detail .del .dim .share .am:hover .comd {



            display: block; }



      .details .detail .del .dinp {



        width: 100%;



        padding: 0.3rem 0;



        margin: 0.25rem 0;



        border-top: solid 1px rgba(0, 0, 0, 0.08);



        border-bottom: solid 1px rgba(0, 0, 0, 0.08);



        color: #666;



        line-height: 1.75; }



        .details .detail .del .dinp p {



          color: #666;



          line-height: 1.75; 

          text-indent: 2em;

        }

      .details .detail .del .dinp .img_s{

        text-align: center;

      }

      .details .detail .del .dinp .vd{

        text-align: center;

      }

      .details .detail .del .dinp .vd video{

        margin: 0.1rem auto;

      }

      .details .detail .del .dinp .img_s img{

        margin: 0.1rem 0;

      }



      .details .detail .del .dot {



        width: 100%;



        font-size: 0; }



        .details .detail .del .dot .atn {



          display: inline-block;



          vertical-align: middle;



          width: 32%;



          margin-right: 2%; }



          .details .detail .del .dot .atn a {



            width: 100%;



            display: block;



            background-color: #ffffff;



            border: solid 1px #ebebeb;



            text-align: center;



            color: #333;



            line-height: 3; }



          .details .detail .del .dot .atn a:hover {



            background-color: var(--themes);



            color: #fff;



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



        .details .detail .del .dot .atn:nth-child(3n) {



          margin-right: 0; }



    .details .detail .der {



      display: inline-block;



      position: sticky;

      top: calc(1rem + 1px);



      vertical-align: top;



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



      .details .detail .der .rop {



        width: 100%;



        font-size: 0;



        display: flex;



        justify-content: space-between;



        border-bottom: solid 1px rgba(0, 0, 0, 0.08);



        padding: 0.1rem 0 0.15rem; }



        .details .detail .der .rop .rt {



          display: inline-block;



          vertical-align: middle;



          color: #000;



          font-weight: bold;



          line-height: 1.5; }



        .details .detail .der .rop .em {



          display: inline-block;



          vertical-align: middle;



          color: #999;



          line-height: 1.5; }



        .details .detail .der .rop .em:hover {



          color: var(--themes); }



      .details .detail .der .derlist {



        width: 100%; }



        .details .detail .der .derlist .drem {



          width: 100%;



          font-size: 0;



          padding: 0.18rem 0;



          border-bottom: solid 1px rgba(0, 0, 0, 0.08); }



          .details .detail .der .derlist .drem a {



            width: 100%;



            display: block; }



          .details .detail .der .derlist .drem .imgs {



            display: inline-block;



            vertical-align: middle;



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



            position: relative;



            overflow: hidden; }



            .details .detail .der .derlist .drem .imgs .img {



              width: 100%;



              padding-top: 66.66%;



              transition: all ease 0.5s; }



          .details .detail .der .derlist .drem .rod {



            display: inline-block;



            vertical-align: middle;



            width: calc(238 / 388 * 100%);



            padding-left: 0.2rem; }



            .details .detail .der .derlist .drem .rod .rm {



              width: 100%;



              color: #333;



              line-height: 1.5;



              max-height: 3em; }



            .details .detail .der .derlist .drem .rod .time {



              width: 100%;



              color: #999;



              line-height: 1.5;



              margin-top: 0.1rem; }



        .details .detail .der .derlist .drem:hover .imgs .img {



          transform: scale(1.1); }



        .details .detail .der .derlist .drem:hover .rod .rm {



          color: var(--themes); }



      .details .detail .der .dotem {



        width: 100%;



        background-color: #ffffff;



        border: solid 1px #dcdcdc;



        padding: 0.2rem 0.2rem; }



      .details .detail .der .dotem + .dotem {



        margin-top: 0.3rem; }



      .details .detail .der .prolist {



        width: 100%;



        margin-top: 0.2rem; }



        .details .detail .der .prolist .proam {



          width: 100%; }



          .details .detail .der .prolist .proam a {



            width: 100%;



            display: block; }



          .details .detail .der .prolist .proam .imgs {



            width: 100%;



            position: relative;



            overflow: hidden;



            border: solid 1px rgba(0, 0, 0, 0.1); }



            .details .detail .der .prolist .proam .imgs .img {



              width: 100%;



              padding-top: 61.53%;



              transition: all ease 0.5s; }



          .details .detail .der .prolist .proam .pim {



            width: 100%;



            text-align: center;



            color: #333;



            line-height: 1.75;



            margin-top: 0.05rem; }



        .details .detail .der .prolist .proam + .proam {



          margin-top: 0.2rem; }



        .details .detail .der .prolist .proam:hover .imgs .img {



          transform: scale(1.1); }



        .details .detail .der .prolist .proam:hover .pim {



          color: var(--themes); }



    .details .detail .der.fixed {



      width: 4.3rem;



      position: fixed;



      right: 50%;



      margin-right: -8rem;



      top: 1rem; }



    .details .detail .der.bot {



      position: absolute;



      right: 0;



      bottom: 0;



      margin-right: 0;



      top: auto;



      width: 4.3rem; }







@media (max-width: 1420px) {



  .details .detail .der.fixed {



    width: 3.91rem;



    margin-right: -45%; }



  .details .detail .der.bot {



    position: absolute;



    right: 0;



    bottom: 0;



    margin-right: 0;



    top: auto;



    width: 3.91rem; } }



.exhibitions {



  width: 100%;



  background-color: #f7f7f7;



  padding: 0.6rem 0 0.4rem; }



  .exhibitions .exhiblis {



    width: 100%;



    font-size: 0; }



    .exhibitions .exhiblis .exhim {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.2rem;



      background-color: #fff;



      border: solid 1px #dcdcdc;



      padding: 0.28rem; }



      .exhibitions .exhiblis .exhim .eit {



        width: 100%;



        color: #000;



        font-weight: bold;



        line-height: 1.5; }



      .exhibitions .exhiblis .exhim .lx {



        display: block;



        background-color: var(--themes);



        width: 0.26rem;



        height: 3px;



        margin: 0.2rem 0; }



      .exhibitions .exhiblis .exhim .dul {



        width: 100%;



        font-size: 0; }



        .exhibitions .exhiblis .exhim .dul .dli {



          width: 100%;



          font-size: 0;



          padding: 0.05rem 0; }



          .exhibitions .exhiblis .exhim .dul .dli .dc {



            display: inline-block;



            vertical-align: top;



            width: 0.22rem;



            height: 0.22rem;



            min-width: 16px;



            min-height: 16px;



            margin-right: 0.12rem;



            margin-top: calc(0.875em - 0.11rem); }



            .exhibitions .exhiblis .exhim .dul .dli .dc img {



              width: 100%;



              display: block; }



          .exhibitions .exhiblis .exhim .dul .dli .dm {



            display: inline-block;



            vertical-align: top;



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



            max-width: calc(100% - 16px - 0.12rem);



            color: #666;



            line-height: 1.75; }



    .exhibitions .exhiblis .exhim:nth-child(3n) {



      margin-right: 0; }







.activitys {



  width: 100%;



  padding: 0.6rem 0 0.4rem;



  background-color: #f7f7f7; }



  .activitys .actlist {



    width: 100%; }



    .activitys .actlist .actom {



      width: 100%;



      border: solid 1px #dcdcdc;



      background-color: #fff;



      font-size: 0; }



      .activitys .actlist .actom a {



        width: 100%;



        display: block;



        padding: 0.22rem; }



      .activitys .actlist .actom .imgs {



        display: inline-block;



        vertical-align: middle;



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



        position: relative;



        overflow: hidden; }



        .activitys .actlist .actom .imgs .img {



          width: 100%;



          padding-top: 62.85%;



          transition: all ease 0.5s; }



      .activitys .actlist .actom .pem {



        display: inline-block;



        vertical-align: middle;



        width: calc(1206 / 1556 * 100%);



        padding-left: 0.3rem;



        padding-right: 0.2rem; }



        .activitys .actlist .actom .pem .time {



          width: 100%;



          color: #999;



          line-height: 1.5; }



        .activitys .actlist .actom .pem .ait {



          width: 100%;



          color: #000;



          font-weight: bold;



          line-height: 1.5;



          margin: 0.06rem 0; }



        .activitys .actlist .actom .pem .aim {



          width: 100%;



          color: #666;



          line-height: 1.6;



          margin: 0.1rem 0; }



        .activitys .actlist .actom .pem .check {



          width: 100%;



          color: #999;



          line-height: 1.5;



          margin-top: 0.15rem; }



    .activitys .actlist .actom:hover .imgs .img {



      transform: scale(1.1); }



    .activitys .actlist .actom:hover .pem .ait {



      color: var(--themes); }



    .activitys .actlist .actom + .actom {



      margin-top: 0.2rem; }







.recomds {



  width: 100%;



  padding: 0.6rem 0;



  background-color: #f7f7f7; }



  .recomds .recom {



    width: 100%;



    font-size: 0;



    display: flex;



    flex-wrap: wrap; }



    .recomds .recom .rel {



      display: inline-block;



      vertical-align: middle;



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



      .recomds .recom .rel .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .recomds .recom .rel .imgs .img {



          width: 100%;



          padding-top: 62.5%; }



    .recomds .recom .rer {



      display: inline-block;



      vertical-align: middle;



      display: flex;



      flex-wrap: wrap;



      align-content: center;



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



      padding: 0.4rem;



      background-color: #fff;



      border: solid 1px #dcdcdc; }



      .recomds .recom .rer .reop {



        width: 100%;



        padding-bottom: 0.4rem; }



        .recomds .recom .rer .reop .eit {



          width: 100%;



          color: var(--themes);



          font-weight: bold;



          line-height: 1.3; }



        .recomds .recom .rer .reop .einp {



          width: 100%;



          color: #666;



          line-height: 1.5;



          margin-top: 0.14rem; }



          .recomds .recom .rer .reop .einp p {



            color: #666;



            line-height: 1.5; }



      .recomds .recom .rer .reob {



        width: 100%;



        padding-top: 0.4rem; }



        .recomds .recom .rer .reob .bit {



          width: 100%;



          color: var(--themes);



          font-weight: bold;



          line-height: 1.3; }



        .recomds .recom .rer .reob .bul {



          width: 100%;



          font-size: 0;



          margin-top: 0.1rem; }



          .recomds .recom .rer .reob .bul .li {



            display: inline-block;



            vertical-align: top;



            width: auto;



            margin-right: 0.3rem;



            color: #666;



            line-height: 1.6; }



            .recomds .recom .rer .reob .bul .li span {



              color: #333;



              line-height: 1.6; }



      .recomds .recom .rer .reop + .reob {



        border-top: solid 1px rgba(0, 0, 0, 0.08); }



  .recomds .business {



    width: 100%;



    margin-top: 0.3rem;



    background-color: #fff;



    border: solid 1px #dcdcdc;



    padding: 0.3rem; }



    .recomds .business .bit {



      width: 100%;



      color: var(--themes);



      font-weight: bold;



      line-height: 1.3;



      margin-bottom: 0.2rem; }



    .recomds .business .forms {



      width: 100%; }



      .recomds .business .forms form {



        width: 100%;



        display: block;



        font-size: 0; }



      .recomds .business .forms .row {



        width: 100%; }



        .recomds .business .forms .row .input {



          display: inline-block;



          vertical-align: top;



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



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



          margin-bottom: 0.2rem;



          background-color: #ffffff;



          border: solid 1px #dcdcdc;



          font-size: 0;



          padding: 0 0.15rem; }



          .recomds .business .forms .row .input span {



            display: inline-block;



            vertical-align: middle;



            width: 1em;



            color: #ff0000; }



          .recomds .business .forms .row .input .int {



            width: calc(100% - 1em);



            display: inline-block;



            vertical-align: middle;



            color: #333;



            line-height: 3;



            height: 3em;



            border: none; }



          .recomds .business .forms .row .input .inc {



            width: 2.5rem;



            display: inline-block;



            vertical-align: middle;



            background-color: #ffffff;



            border: solid 1px #dcdcdc;



            padding: 0 0.15rem;



            color: #333;



            line-height: 3;



            height: 3em; }



          .recomds .business .forms .row .input .ymg {



            display: inline-block;



            vertical-align: middle;



            height: 3em;



            width: auto;



            margin: 0 0.1rem; }



            .recomds .business .forms .row .input .ymg img {



              height: 100%;



              display: block; }



          .recomds .business .forms .row .input .em {



            display: inline-block;



            vertical-align: middle;



            width: auto;



            color: #999;



            line-height: 1.5; }



          .recomds .business .forms .row .input .select {



            display: inline-block;



            vertical-align: middle;



            border: none;



            text-align: left;



            position: relative;



            width: calc(100% - 1em); }



            .recomds .business .forms .row .input .select .select-con {



              width: 100%;



              display: inline-block;



              vertical-align: middle;



              position: relative;



              font-size: 0; }



              .recomds .business .forms .row .input .select .select-con .select-value {



                display: inline-block;



                vertical-align: middle;



                width: 100%;



                line-height: 3.5em;



                height: 3.5em;



                color: #666; }



              .recomds .business .forms .row .input .select .select-con select {



                position: absolute;



                width: 100%;



                height: 100%;



                left: 0;



                top: 0;



                z-index: 2;



                opacity: 0; }



                .recomds .business .forms .row .input .select .select-con select option {



                  color: #666;



                  font-size: .16rem;



                  line-height: 2.5;



                  background: #fff; }



              .recomds .business .forms .row .input .select .select-con .seluls {



                position: absolute;



                left: 0;



                top: 100%;



                min-width: 100%;



                max-height: 360px;



                overflow: auto;



                display: none;



                box-sizing: border-box;



                text-align: left;



                background-color: #fff;



                z-index: 123;



                border-radius: 4px;



                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);



                overflow: auto;



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



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



                .recomds .business .forms .row .input .select .select-con .seluls .option {



                  width: 100%;



                  color: #666;



                  line-height: 2.5;



                  background: #fff;



                  cursor: pointer;



                  padding: 0 0.15rem; }



                .recomds .business .forms .row .input .select .select-con .seluls .option:hover {



                  background-color: var(--themes);



                  color: #fff; }



                .recomds .business .forms .row .input .select .select-con .seluls .option + .option {



                  border-top: solid 1px #ddd; }



              .recomds .business .forms .row .input .select .select-con .seluls::-webkit-scrollbar {



                width: 4px;



                height: 4px;



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



              .recomds .business .forms .row .input .select .select-con .seluls::-webkit-scrollbar-thumb {



                border-radius: 10px;



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



                background: rgba(1, 98, 177, 0.3);



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



              .recomds .business .forms .row .input .select .select-con .seluls::-webkit-scrollbar-track {



                border-radius: 10px;



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



                background: rgba(0, 0, 0, 0.1); }



            .recomds .business .forms .row .input .select .select-con:after {



              display: inline-block;



              content: "";



              position: absolute;



              right: .2rem;



              top: 50%;



              transform: translateY(-50%);



              z-index: 1;



              width: 12px;



              height: 7px;



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



              background-size: 100%;



              background-repeat: no-repeat;



              background-position: center; }



        .recomds .business .forms .row .input:nth-child(2n) {



          margin-right: 0; }



        .recomds .business .forms .row .input.yzm {



          width: auto;



          padding: 0;



          border: none; }



        .recomds .business .forms .row .text {



          width: 100%;



          display: block;



          margin-bottom: 0.2rem; }



          .recomds .business .forms .row .text .area {



            width: 100%;



            display: block;



            background-color: #ffffff;



            border: solid 1px #dcdcdc;



            padding: 0.15rem 0.15rem;



            color: #333;



            line-height: 1.5; }



      .recomds .business .forms .sub {



        width: 100%;



        font-size: 0;



        text-align: center; }



        .recomds .business .forms .sub .stn {



          display: inline-block;



          vertical-align: middle;



          color: #fff;



          cursor: pointer;



          line-height: 3;



          height: 3em;



          padding: 0 0.4rem;



          border-radius: 1.5em;



          cursor: pointer;



          width: auto;



          border: none;



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







.casedom {



  width: 100%;



  padding: 0.6rem 0;



  position: relative;



  z-index: 4; }



  .casedom .caselis {



    width: 100%;



    font-size: 0; }



    .casedom .caselis .casem {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.3rem; }



      .casedom .caselis .casem a {



        width: 100%;



        display: block; }



      .casedom .caselis .casem .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .casedom .caselis .casem .imgs a {



          width: 100%;



          display: block; }



        .casedom .caselis .casem .imgs .img {



          width: 100%;



          padding-top: 66.99%;



          transition: all ease 0.5s; }



      .casedom .caselis .casem .coom {



        width: 100%;



        padding: 0.24rem;



        background-color: #fff;



        border: solid 1px #dcdcdc; }



        .casedom .caselis .casem .coom .cit {



          width: 100%;



          color: #000;



          font-weight: bold;



          line-height: 1.5; }



        .casedom .caselis .casem .coom .xim {



          width: 100%;



          color: #666;



          line-height: 1.5;



          height: 3em;



          margin-top: 0.05rem; }



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



      margin-right: 0; }



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



      transform: scale(1.1); }



    .casedom .caselis .casem:hover .coom .cit {



      color: var(--themes); }







.companys {



  width: 100%;



  padding: 0.8rem 0; }



  .companys .company {



    width: 100%;



    display: flex;



    flex-wrap: wrap;



    align-items: center; }



    .companys .company .cooml {



      display: inline-block;



      vertical-align: middle;



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



      .companys .company .cooml .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .companys .company .cooml .imgs .img {



          width: 100%;



          padding-top: 72.91%; }



        .companys .company .cooml .imgs .play {



          position: absolute;



          z-index: 3;



          top: 50%;



          left: 50%;



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



          width: 0.93rem;



          cursor: pointer;



          transition: all ease 0.5s; }



          .companys .company .cooml .imgs .play img {



            width: 100%;



            display: block; }



        .companys .company .cooml .imgs .play:hover {



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



    .companys .company .coomr {



      display: inline-block;



      vertical-align: middle;



      display: flex;



      flex-wrap: wrap;



      align-content: center;



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



      background-color: #ffffff;



      box-shadow: 0px 14px 36px 4px rgba(5, 66, 173, 0.11);



      border: solid 1px #dcdcdc;



      padding: 0.5rem;



      min-height: 7.6rem;



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



      .companys .company .coomr .ctop {



        width: 100%;



        display: flex;



        justify-content: space-between;



        padding-bottom: 0.4rem; }



        .companys .company .coomr .ctop .ctl {



          display: inline-block;



          vertical-align: top;



          width: auto; }



          .companys .company .coomr .ctop .ctl .clt {



            width: 100%;



            color: #000;



            font-weight: bold;



            line-height: 1.3; }



          .companys .company .coomr .ctop .ctl .dom {



            width: 100%;



            display: inline-block;



            vertical-align: middle;



            margin-top: 0.2rem; }



            .companys .company .coomr .ctop .ctl .dom .pr {



              width: 100%;



              color: #000;



              font-weight: bold;



              line-height: 1.5; }



            .companys .company .coomr .ctop .ctl .dom .pf {



              width: 100%;



              color: #c7000b;



              font-weight: bold;



              line-height: 1.5; }



      .companys .company .coomr .cbop {



        width: 100%;



        padding-top: 0.4rem;



        border-top: solid 1px rgba(0, 0, 0, 0.08); }



        .companys .company .coomr .cbop .cinp {



          width: 100%;



          color: #666;



          line-height: 1.6; }



          .companys .company .coomr .cbop .cinp p {



            color: #666;



            line-height: 1.6; }







.honors {



  width: 100%;



  padding: 0.8rem 0; }



  .honors .honpers {



    width: 100%;



    font-size: 0;



    position: relative; }



    .honors .honpers .hotem {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.4rem;



      border: solid 1px #dcdcdc; }



      .honors .honpers .hotem a {



        width: 100%;



        display: block; }



      .honors .honpers .hotem .imgs {



        width: 100%;



        position: relative;



        overflow: hidden;



        padding: 0.1rem; }



        .honors .honpers .hotem .imgs .img {



          width: 100%;



          padding-top: 81.08%;



          transition: all ease 0.5s; }



      .honors .honpers .hotem .pom {



        width: 100%;



        border-top: solid 1px #dcdcdc;



        padding: 0.1rem;



        color: #333;



        line-height: 1.8;



        text-align: center; }



    .honors .honpers .hotem:nth-child(4n) {



      margin-right: 0; }



    .honors .honpers .hotem:hover .imgs .img {



      transform: scale(1.1); }



    .honors .honpers .hotem:hover .pom {



      color: var(--themes); }



    .honors .honpers .swiper-container {



      padding-bottom: 0.4rem; }



    .honors .honpers .swiper-pagination {



      z-index: 20; }



    .honors .honpers .swiper-pagination-bullet {



      display: inline-block;



      vertical-align: middle;



      width: 0.35rem;



      height: 2px;



      cursor: pointer;



      opacity: 1;



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



    .honors .honpers .swiper-pagination-bullet-active {



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







.historys {



  width: 100%;



  padding: 0.8rem 0; }



  .historys .history {



    width: 100%; }



  .historys .hitoper {



    width: 100%;



    margin-bottom: 0.5rem;



    position: relative; }



    .historys .hitoper .swiper-slide {



      width: 100%; }



      .historys .hitoper .swiper-slide .year {



        width: 1rem;



        height: 1rem;



        border-radius: 50%;



        border: dashed 1px #c8c8c8;



        margin: 0 auto;



        position: relative;



        cursor: pointer;



        transition: all ease 0.5s; }



        .historys .hitoper .swiper-slide .year .em {



          position: absolute;



          top: 50%;



          left: 50%;



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



          z-index: 3;



          color: #666;



          line-height: 1.5;



          width: 100%;



          text-align: center; }



        .historys .hitoper .swiper-slide .year .dd {



          position: absolute;



          z-index: 3;



          width: 0.26rem;



          height: 0.04rem;



          top: 50%;



          transform: translateY(-50%);



          left: calc(100% + 0.5rem); }



          .historys .hitoper .swiper-slide .year .dd img {



            width: 100%;



            display: block; }



    .historys .hitoper .swiper-slide:last-child .year .dd {



      display: none; }



    .historys .hitoper .swiper-slide.on .year, .historys .hitoper .swiper-slide:hover .year {



      background-color: var(--themes);



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



      .historys .hitoper .swiper-slide.on .year .em, .historys .hitoper .swiper-slide:hover .year .em {



        color: #fff; }



    .historys .hitoper .btn {



      position: absolute;



      z-index: 3;



      top: 50%;



      transform: translateY(-50%);



      width: 0.15rem;



      cursor: pointer; }



      .historys .hitoper .btn img {



        width: 100%;



        display: block; }



      .historys .hitoper .btn img:first-child {



        display: block; }



      .historys .hitoper .btn img:last-child {



        display: none; }



    .historys .hitoper .btn:hover img:first-child {



      display: none; }



    .historys .hitoper .btn:hover img:last-child {



      display: block; }



    .historys .hitoper .bl {



      left: 0; }



    .historys .hitoper .br {



      right: 0; }



  .historys .hombtm {



    width: 100%; }



    .historys .hombtm .hitem {



      width: 100%;



      display: none; }



    .historys .hombtm .hitem.on {



      display: block; }



    .historys .hombtm .voomb {



      width: 100%;



      background-color: #fff;



      display: flex;



      flex-wrap: wrap;



      padding: 0.3rem;



      justify-content: space-between;



      align-items: center;



      padding-right: 0.7rem; }



      .historys .hombtm .voomb .imgs {



        display: inline-block;



        vertical-align: middle;



        width: calc(680 / 1510 * 100%);



        position: relative;



        overflow: hidden; }



        .historys .hombtm .voomb .imgs .img {



          width: 100%;



          padding-top: 66.17%; }



      .historys .hombtm .voomb .homd {



        display: inline-block;



        vertical-align: middle;



        width: calc(760 / 1510 * 100%); }



        .historys .hombtm .voomb .homd .yit {



          width: 100%;



          color: var(--themes);



          font-weight: bold;



          line-height: 1.3; }



        .historys .hombtm .voomb .homd .ym {



          width: 100%;



          color: #000;



          line-height: 1.5;



          font-weight: bold;



          margin-top: 0.1rem; }



        .historys .hombtm .voomb .homd .yinp {



          width: 100%;



          color: #666;



          line-height: 1.5;



          margin-top: 0.15rem; }



          .historys .hombtm .voomb .homd .yinp p {



            color: #666;



            line-height: 1.5; }



    .historys .hombtm .hit {



      width: 100%;



      text-align: center;



      color: #333;



      line-height: 1.5;



      margin-bottom: 0.35rem; }



    .historys .hombtm .hinpes {



      width: 100%;



      color: #666;



      line-height: 1.75;



      max-height: 6rem;



      padding-right: 15px;



      overflow: auto;



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



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



      .historys .hombtm .hinpes p {



        color: #666;



        line-height: 1.75; }



      .historys .hombtm .hinpes::-webkit-scrollbar {



        width: 4px;



        height: 4px;



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



      .historys .hombtm .hinpes::-webkit-scrollbar-thumb {



        border-radius: 10px;



        -webkit-box-shadow: inset 0 0 10px var(--themes);



        background: var(--themes);



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



      .historys .hombtm .hinpes::-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); }







@media (max-width: 800px) {



  .historys .hitoper .swiper-slide .year {



    width: 1.5rem;



    height: 1.5rem; } }



.recruits {



  width: 100%;



  padding: 0.6rem 0;



  background-color: #f7f7f7; }



  .recruits .ritop {



    width: 100%;



    font-size: 0;



    display: flex;



    flex-wrap: wrap;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 0.4rem; }



    .recruits .ritop .rit {



      display: inline-block;



      vertical-align: middle;



      color: #000;



      font-weight: bold;



      line-height: 1.3; }



    .recruits .ritop .searcd {



      display: inline-block;



      vertical-align: middle;



      width: 5.6rem;



      font-size: 0;



      background-color: #fff; }



      .recruits .ritop .searcd form {



        width: 100%;



        display: block; }



      .recruits .ritop .searcd .smd {



        display: inline-block;



        vertical-align: middle;



        width: calc(100% - 3em);



        border: none;



        background-color: #fff;



        padding: 0 0.2rem;



        color: #333;



        line-height: 3;



        height: 3em; }



      .recruits .ritop .searcd .stn {



        display: inline-block;



        vertical-align: middle;



        width: 3em;



        height: 3em;



        position: relative; }



        .recruits .ritop .searcd .stn img {



          width: 20px;



          height: 20px;



          position: absolute;



          left: 50%;



          top: 50%;



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



          z-index: 1; }



        .recruits .ritop .searcd .stn input {



          position: absolute;



          left: 0;



          top: 0;



          width: 100%;



          height: 100%;



          opacity: 0;



          cursor: pointer;



          z-index: 3; }



  .recruits .recrtlis {



    width: 100%; }



    .recruits .recrtlis .ril {



      width: 100%;



      font-size: 0;



      background-color: #fff;



      border-bottom: solid 1px #eee; }



      .recruits .recrtlis .ril .ritle {



        width: 100%;



        font-size: 0;



        display: flex;



        padding: 0.15rem;



        cursor: pointer; }



        .recruits .recrtlis .ril .ritle .rd {



          display: inline-block;



          vertical-align: middle;



          width: calc((100%) / 5);



          padding: 0.1rem;



          color: #333;



          line-height: 1.5;



          text-align: center; }



        .recruits .recrtlis .ril .ritle .rd:first-child {



          text-align: left; }



      .recruits .recrtlis .ril .reconp {



        width: 100%;



        padding: 0.6rem;



        display: none;



        background-color: #fff; }



        .recruits .recrtlis .ril .reconp .renp {



          width: 100%;



          font-size: 0; }



        .recruits .recrtlis .ril .reconp .rinp {



          width: 100%;



          color: #666;



          line-height: 1.8; }



          .recruits .recrtlis .ril .reconp .rinp p {



            color: #666;



            line-height: 1.8; }



        .recruits .recrtlis .ril .reconp .rules {



          width: 100%;



          position: relative;



          margin-top: 0.2rem;



          overflow: hidden; }



          .recruits .recrtlis .ril .reconp .rules:after {



            content: ' ';



            clear: both;



            height: 0;



            position: absolute; }



          .recruits .recrtlis .ril .reconp .rules .riem {



            width: 45%;



            margin-right: 10%;



            margin-bottom: 0.3rem;



            display: inline-block;



            vertical-align: top; }



            .recruits .recrtlis .ril .reconp .rules .riem .rit {



              width: 100%;



              color: #222;



              line-height: 1.5;



              margin-bottom: 0.15rem; }



            .recruits .recrtlis .ril .reconp .rules .riem .lx {



              display: block;



              margin: 0.15rem 0 0.25rem;



              width: 0.3rem;



              height: 0.04rem;



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



            .recruits .recrtlis .ril .reconp .rules .riem .pul {



              width: 100%;



              color: #666;



              line-height: 1.7; }



              .recruits .recrtlis .ril .reconp .rules .riem .pul p {



                color: #666;



                line-height: 1.7; }



          .recruits .recrtlis .ril .reconp .rules .riem:nth-child(2n) {



            margin-right: 0; }



        .recruits .recrtlis .ril .reconp .deliver {



          width: 100%;



          font-size: 0; }



          .recruits .recrtlis .ril .reconp .deliver a {



            display: inline-block;



            vertical-align: middle;



            background-color: var(--themes);



            color: #fff;



            line-height: 3;



            width: auto;



            padding: 0 0.4rem;



            border-radius: 1.5em; }



            .recruits .recrtlis .ril .reconp .deliver a span {



              display: inline-block;



              vertical-align: middle;



              width: 19px;



              height: 19px;



              margin-left: 0.2rem; }



              .recruits .recrtlis .ril .reconp .deliver a span img {



                width: 100%;



                display: block; }



        .recruits .recrtlis .ril .reconp .remd {



          width: 100%;



          font-size: 0; }



          .recruits .recrtlis .ril .reconp .remd .rtm {



            display: inline-block;



            vertical-align: middle;



            background-color: var(--themes);



            color: #fff;



            line-height: 3;



            border-radius: 0.05rem;



            padding: 0 0.3rem; }



    .recruits .recrtlis .ril.head .ritle {



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



      .recruits .recrtlis .ril.head .ritle .rd {



        color: #fff; }



    .recruits .recrtlis .ril.head:hover .ritle {



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



      .recruits .recrtlis .ril.head:hover .ritle .rd {



        color: #fff; }



    .recruits .recrtlis .ril.show .ritle {



      background-color: #999; }



      .recruits .recrtlis .ril.show .ritle .rd {



        color: #fff; }



    .recruits .recrtlis .ril:hover .ritle {



      background-color: #999; }



      .recruits .recrtlis .ril:hover .ritle .rd {



        color: #fff; }







.contacts {



  width: 100%;



  background-color: #fafafa;



  padding: 0.8rem 0 0; }



  .contacts .citp {



    width: 100%;



    color: #111;



    font-weight: bold;



    line-height: 1.3;



    margin-bottom: 0.5rem; }



  .contacts .contact {



    width: 100%;



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



    .contacts .contact .conlist {



      width: 100%;



      font-size: 0;



      display: flex;



      flex-wrap: wrap; }



      .contacts .contact .conlist .citem {



        display: inline-block;



        vertical-align: top;



        width: 33.33%;



        border-left: solid 1px rgba(0, 0, 0, 0.1);



        padding: 1rem 0.6rem;



        position: relative; }



        .contacts .contact .conlist .citem:after {



          content: ' ';



          position: absolute;



          left: 0;



          width: 0.03rem;



          height: 1.4rem;



          top: 1rem;



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



        .contacts .contact .conlist .citem .dc {



          display: block;



          width: 0.64rem;



          height: 0.64rem;



          margin-bottom: 0.45rem; }



          .contacts .contact .conlist .citem .dc img {



            width: 100%;



            display: block; }



        .contacts .contact .conlist .citem .xx {



          width: 100%;



          color: #666;



          line-height: 1.5; }



        .contacts .contact .conlist .citem .pim {



          width: 100%;



          color: #111;



          line-height: 1.3;



          font-weight: bold;



          margin-top: 0.2rem; }



        .contacts .contact .conlist .citem .pie {



          width: 100%;



          color: #111;



          line-height: 1.3;



          font-weight: bold;



          margin-top: 0.2rem; }



      .contacts .contact .conlist .citem:nth-child(3n) {



        border-right: solid 1px rgba(0, 0, 0, 0.1); }







@media (max-width: 800px) {



  .contacts .contact .conlist .citem {



    width: 100%;



    padding: 0.3rem 0.5rem;



    border-right: solid 1px rgba(0, 0, 0, 0.1); }



  .contacts .contact .conlist .citem + .citem {



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



.address {



  width: 100%;



  display: flex;



  flex-wrap: wrap; }



  .address .adl {



    display: inline-block;



    vertical-align: middle;



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



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



    .address .adl .ait {



      width: 100%;



      color: #fff;



      line-height: 1.5;



      font-weight: bold;



      margin-bottom: 0.22rem; }



    .address .adl .banklist {



      width: 100%;



      font-size: 0; }



      .address .adl .banklist .bitem {



        display: inline-block;



        vertical-align: top;



        width: calc(340 / 710 * 100%);



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



        margin-bottom: 0.3rem;



        padding: 0.2rem;



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



        .address .adl .banklist .bitem .boop {



          width: 100%;



          font-size: 0;



          padding-bottom: 0.2rem; }



          .address .adl .banklist .bitem .boop .log {



            display: inline-block;



            vertical-align: middle;



            height: 0.28rem;



            max-width: calc(100% - 5em - 1px - 0.3rem);



            width: auto; }



            .address .adl .banklist .bitem .boop .log img {



              height: 100%;



              display: block; }



          .address .adl .banklist .bitem .boop .lx {



            display: inline-block;



            vertical-align: middle;



            width: 1px;



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



            height: 0.3rem;



            margin: 0 0.15rem; }



          .address .adl .banklist .bitem .boop .ed {



            display: inline-block;



            vertical-align: middle;



            color: #fff;



            line-height: 1.5; }



        .address .adl .banklist .bitem .bodm {



          width: 100%;



          padding-top: 0.2rem;



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



          .address .adl .banklist .bitem .bodm .xims {



            width: 100%; }



          .address .adl .banklist .bitem .bodm .xim {



            width: 100%;



            color: #fff;



            line-height: 1.5; }



          .address .adl .banklist .bitem .bodm .xim + .xim {



            margin-top: 0.05rem; }



      .address .adl .banklist .bitem:nth-child(2n) {



        margin-right: 0; }



  .address .adr {



    display: inline-block;



    vertical-align: middle;



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



    position: relative; }



    .address .adr .map {



      width: 100%;



      position: absolute;



      left: 0;



      top: 0;



      width: 100%;



      height: 100%; }



      .address .adr .map img {



        width: 100%;



        height: 100%;



        display: block; }







@media (max-width: 800px) {



  .address .adl {



    width: 100%;



    padding: 0.4rem; }



    .address .adl .banklist .bitem {



      width: 100%;



      padding: 0.4rem;



      margin-right: 0; }



      .address .adl .banklist .bitem .boop .log {



        height: 0.4rem; }



  .address .adr {



    width: 100%; }



    .address .adr .map {



      width: 100%;



      position: relative;



      height: auto; } }



.network {



  width: 100%;



  padding: 0.6rem 0;



  background-color: #fafafa; }



  .network .netwom {



    width: 100%;



    font-size: 0;



    margin-bottom: 0.4rem; }



    .network .netwom .select {



      display: inline-block;



      vertical-align: middle;



      border: none;



      text-align: left;



      position: relative;



      margin-right: 0.15rem;



      background-color: #fff;



      width: 2.2rem; }



      .network .netwom .select .select-con {



        width: 100%;



        display: inline-block;



        vertical-align: middle;



        position: relative;



        font-size: 0; }



        .network .netwom .select .select-con .select-value {



          display: inline-block;



          vertical-align: middle;



          width: 100%;



          line-height: 3.5em;



          height: 3.5em;



          cursor: pointer;



          color: #666;



          padding: 0 .2rem; }



        .network .netwom .select .select-con select {



          position: absolute;



          width: 100%;



          height: 100%;



          left: 0;



          top: 0;



          z-index: 2;



          opacity: 0; }



          .network .netwom .select .select-con select option {



            color: #666;



            font-size: .16rem;



            line-height: 2.5;



            background: #fff; }



        .network .netwom .select .select-con .seluls {



          position: absolute;



          left: 0;



          top: 100%;



          min-width: 100%;



          max-height: 360px;



          overflow: auto;



          display: none;



          box-sizing: border-box;



          text-align: left;



          background-color: #fff;



          z-index: 123;



          border-radius: 4px;



          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);



          overflow: auto;



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



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



          .network .netwom .select .select-con .seluls .option {



            width: 100%;



            color: #666;



            line-height: 2.5;



            background: #fff;



            cursor: pointer;



            padding: 0 0.15rem; }



          .network .netwom .select .select-con .seluls .option:hover {



            background-color: var(--themes);



            color: #fff; }



          .network .netwom .select .select-con .seluls .option + .option {



            border-top: solid 1px #ddd; }



        .network .netwom .select .select-con .seluls::-webkit-scrollbar {



          width: 4px;



          height: 4px;



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



        .network .netwom .select .select-con .seluls::-webkit-scrollbar-thumb {



          border-radius: 10px;



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



          background: rgba(1, 98, 177, 0.3);



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



        .network .netwom .select .select-con .seluls::-webkit-scrollbar-track {



          border-radius: 10px;



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



          background: rgba(0, 0, 0, 0.1); }



      .network .netwom .select .select-con:after {



        display: inline-block;



        content: "";



        position: absolute;



        right: .2rem;



        top: 50%;



        transform: translateY(-50%);



        z-index: 1;



        width: 12px;



        height: 7px;



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



        background-size: 100%;



        background-repeat: no-repeat;



        background-position: center; }



    .network .netwom .comfirm {



      display: inline-block;



      vertical-align: middle;



      width: auto; }



      .network .netwom .comfirm input {



        display: inline-block;



        vertical-align: middle;



        background-color: var(--themes);



        padding: 0 0.4rem;



        width: auto;



        border: none;



        cursor: pointer;



        color: #fff;



        line-height: 3.5;



        height: 3.5em;



        text-align: center; }



  .network .netwolis {



    width: 100%;



    font-size: 0; }



    .network .netwolis .netom {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.2rem;



      background-color: #fff;



      border: solid 1px #dcdcdc;



      padding: 0.28rem; }



      .network .netwolis .netom .eit {



        width: 100%;



        color: #000;



        font-weight: bold;



        line-height: 1.5; }



      .network .netwolis .netom .lx {



        display: block;



        background-color: var(--themes);



        width: 0.26rem;



        height: 3px;



        margin: 0.2rem 0; }



      .network .netwolis .netom .dul {



        width: 100%; }



      .network .netwolis .netom .dinp {



        width: 100%;



        color: #666;



        line-height: 1.7; }



        .network .netwolis .netom .dinp p {



          color: #666;



          line-height: 1.7; }



    .network .netwolis .netom:nth-child(3n) {



      margin-right: 0; }







.products {



  width: 100%;



  position: relative;



  background-color: #fafafa;



  padding: 0.7rem 0; }



  .products .produlis {



    width: 100%;



    font-size: 0; }



    .products .produlis .prdem {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.2rem;



      padding: 0.3rem 0.2rem;



      background-color: #fff;



      border: solid 1px #dcdcdc; }



      .products .produlis .prdem a {



        width: 100%;



        display: block; }



      .products .produlis .prdem .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .products .produlis .prdem .imgs .img {width: 100%;padding-top: 76.47%;transition: all ease 0.5s;background-size: contain!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}



      .products .produlis .prdem .pim {



        width: 100%;



        text-align: center;



        color: #000;



        line-height: 1.5;



        margin-top: 0.15rem; }



    .products .produlis .prdem:nth-child(4n) {



      margin-right: 0; }



    .products .produlis .prdem:hover {



      box-shadow: 0px -10px 28px 4px rgba(0, 53, 97, 0.11); }



      .products .produlis .prdem:hover .imgs .img {



        transform: scale(1.1); }



      .products .produlis .prdem:hover .pim {



        color: var(--themes); }



  .products .more {



    width: 100%;



    font-size: 0;



    text-align: center;



    margin-top: 0.2rem; }



    .products .more .atn {



      display: inline-block;



      vertical-align: middle;



      color: #fff;



      background-color: var(--themes);



      padding: 0 0.5rem;



      cursor: pointer;



      line-height: 3; }







.resource {



  width: 100%;



  padding: 0.8rem 0 0.6rem; }



  .resource .downlis {



    width: 100%;



    font-size: 0; }



    .resource .downlis .ditem {



      display: inline-block;



      vertical-align: top;



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



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



      margin-bottom: 0.3rem;



      background-color: #ffffff;



      border: solid 1px #dcdcdc;



      font-size: 0; }



      .resource .downlis .ditem .eam {



        width: 100%;



        padding: 0.24rem;



        display: flex;



        align-items: center; }



      .resource .downlis .ditem .dc {



        display: inline-block;



        vertical-align: middle;



        width: 0.44rem;



        height: 0.44rem;



        margin-right: 0.2rem; }



        .resource .downlis .ditem .dc img {



          width: 100%;



          display: block; }



      .resource .downlis .ditem .name {



        display: inline-block;



        vertical-align: middle;



        width: calc(100% - 130px - 0.44rem - 1rem - 0.2rem); }



        .resource .downlis .ditem .name a {



          width: 100%;



          display: block;



          color: #111;



          font-weight: bold;



          line-height: 1.5; }



        .resource .downlis .ditem .name a:hover {



          color: var(--themes); }



      .resource .downlis .ditem .size {



        width: 1rem;



        display: inline-block;



        vertical-align: middle;



        color: #666;



        line-height: 1.5; }



      .resource .downlis .ditem .atn {



        display: inline-block;



        vertical-align: middle;



        width: 130px; }



        .resource .downlis .ditem .atn a {



          display: inline-block;



          vertical-align: middle;



          border: solid 2px #dcdcdc;



          color: #666;



          line-height: 2.8;



          border-radius: 1.4em;



          white-space: nowrap;



          width: 100%;



          text-align: center; }



          .resource .downlis .ditem .atn a .xd {



            display: inline-block;



            vertical-align: middle;



            width: 18px;



            height: 18px;



            margin-right: 0.1rem; }



            .resource .downlis .ditem .atn a .xd img {



              width: 100%;



              display: block; }



            .resource .downlis .ditem .atn a .xd img:first-child {



              display: block; }



            .resource .downlis .ditem .atn a .xd img:last-child {



              display: none; }



        .resource .downlis .ditem .atn a:hover {



          color: #fff;



          background-color: var(--themes);



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



          .resource .downlis .ditem .atn a:hover .xd img:first-child {



            display: none; }



          .resource .downlis .ditem .atn a:hover .xd img:last-child {



            display: block; }



    .resource .downlis .ditem:nth-child(2n) {



      margin-right: 0; }







.mains {



  width: 100%;



  position: relative;



  z-index: 4; }







.areas {



  width: 100%;



  padding: 0.8rem 0; }



  .areas .aeiom {



    width: 100%; }



  .areas .aeiom + .aeiom {



    margin-top: 0.3rem; }

    .areas .acremd{

      width: 100%;

    }

    .areas .acremd .cepom{

      width: 100%;

      display: none;

    }

    .areas .acremd .cepom.on{

      display: block;

    }

    .areas .acremd .cepom .imgs{

      width: 100%;

      display: block;

    }

    .areas .acremd .cepom img{

      width: 100%;

      display: block;

    }



  .areas .caselisd {



    width: 100%;



    padding: 0 0.3rem;



    background-color: #fff;



    border: solid 1px #dcdcdc; }



    .areas .caselisd .castm {



      width: 100%;



      font-size: 0;



      padding: 0.24rem 0; }



      .areas .caselisd .castm a {



        width: 100%;



        display: block; }



      .areas .caselisd .castm .imgs {



        display: inline-block;



        vertical-align: middle;



        width: calc(325 / 1556 * 100%);



        position: relative;



        overflow: hidden;



        border: solid 1px #dcdcdc;



        background-color: #fff; }



        .areas .caselisd .castm .imgs .img {



          width: 100%;



          padding-top: 59.69%;



          transition: all ease 0.5s; }



      .areas .caselisd .castm .pem {



        display: inline-block;



        vertical-align: middle;



        width: calc(1231 / 1556 * 100%);



        padding-left: 0.3rem;



        padding-right: 0.2rem; }



        .areas .caselisd .castm .pem .time {



          width: 100%;



          color: #999;



          line-height: 1.5; }



        .areas .caselisd .castm .pem .ait {



          width: 100%;



          color: #000;



          font-weight: bold;



          line-height: 1.5;



          margin: 0.06rem 0; }



        .areas .caselisd .castm .pem .aim {



          width: 100%;



          color: #666;



          line-height: 1.6;



          margin: 0.1rem 0; }



        .areas .caselisd .castm .pem .check {



          width: 100%;



          color: #999;



          line-height: 1.5;



          margin-top: 0.15rem; }



    .areas .caselisd .castm:hover .imgs .img {



      transform: scale(1.1); }



    .areas .caselisd .castm:hover .pem .ait {



      color: var(--themes); }



    .areas .caselisd .castm + .castm {



      border-top: solid 1px rgba(0, 0, 0, 0.08); }



  .areas .ainps {



    width: 100%;



    padding: 0.3rem 0.2rem 0.2rem;



    background-color: #fff;



    border: solid 1px #dcdcdc;



    color: #666;



    line-height: 1.5; }



    .areas .ainps p {



      color: #666;



      line-height: 1.5; }

      .areas .ainps .img_s{

        text-align: center;

      }

     .areas .ainps .vd{

        text-align: center;

      }

     .areas .ainps .vd video{

        margin: 0.1rem auto;

      }

     .areas .ainps .img_s img{

        margin: 0.1rem 0;

      }

      .areas .ainps table{

        width: 100%;display: block;

        margin: 0.1rem 0;

      }

      .areas .ainps tbody{

        width: 100%;display: table;

      }

      .areas .ainps tr{

          width: 100%;

      }

      .areas .ainps td{

        padding: 0.15rem;

      }



  .areas .aepers {



    width: 100%;



    position: relative; }



    .areas .aepers .swiper-slide {



      width: 100%; }



      .areas .aepers .swiper-slide a {



        width: 100%;



        display: block; }



      .areas .aepers .swiper-slide .imgs {



        width: 100%;



        position: relative;



        overflow: hidden; }



        .areas .aepers .swiper-slide .imgs .img {



          width: 100%;



          padding-top: 77.66%;



          transition: all ease 0.5s; }



      .areas .aepers .swiper-slide .com {



        width: 100%;



        background-color: #ffffff;



        border: solid 1px #dcdcdc;



        padding: 0.2rem;



        text-align: center;



        color: #000;



        line-height: 1.5; }



    .areas .aepers .swiper-slide:hover .imgs .img {



      transform: scale(1.1); }



    .areas .aepers .swiper-slide:hover .com {



      color: var(--themes); }



    .areas .aepers .btn {



      position: absolute;



      z-index: 3;



      top: 50%;



      transform: translateY(-50%);



      width: 0.15rem;



      cursor: pointer; }



      .areas .aepers .btn img {



        width: 100%;



        display: block; }



      .areas .aepers .btn img:first-child {



        display: block; }



      .areas .aepers .btn img:last-child {



        display: none; }



    .areas .aepers .btn:hover img:first-child {



      display: none; }



    .areas .aepers .btn:hover img:last-child {



      display: block; }



    .areas .aepers .bl {



      left: -0.2rem; }



    .areas .aepers .br {



      right: -0.2rem; }



  .areas .apeam {



    width: 100%;



    padding: 0.3rem 0.2rem;



    background-color: #fff;



    border: solid 1px #dcdcdc;



    color: #666;



    line-height: 1.5;



    font-size: 0; }



    .areas .apeam .ali {



      display: inline-block;



      vertical-align: top;



      width: 20%;



      padding-right: 0.2rem;



      color: #666;



      line-height: 1.5;



      margin-bottom: 0.1rem; }







@media (max-width: 800px) {



  .areas .aepers .btn {



    width: 15px; }



  .areas .aepers .bl {



    left: -0.05rem; }



  .areas .aepers .br {



    right: -0.05rem; } }



.proxy {



  width: 100%;



  padding: 0.8rem 0; }



  .proxy .proxble {



    width: 100%;



    background-color: #ffffff;



    border: solid 1px #c8c8c8;



    font-size: 0;



    display: flex;



    flex-wrap: wrap;



    position: relative; }



    .proxy .proxble:after {



      content: ' ';



      position: absolute;



      z-index: 1;



      left: 33.33%;



      width: 1px;



      height: 100%;



      background-color: #c8c8c8;



      top: 0; }



    .proxy .proxble:before {



      content: ' ';



      position: absolute;



      z-index: 1;



      left: 66.66%;



      width: 1px;



      height: 100%;



      background-color: #c8c8c8;



      top: 0; }



    .proxy .proxble .pli {



      width: calc(33.33%);



      display: flex;



      padding: 0.12rem 0.24rem;



      border-bottom: solid 1px #c8c8c8;



      position: relative;



      z-index: 2; }



      .proxy .proxble .pli .name {



        display: inline-block;



        vertical-align: middle;



        line-height: 1.75;



        color: #000;



        width: auto;



        min-height: 1.75em; }



      .proxy .proxble .pli .tem {



        display: inline-block;



        vertical-align: middle;



        flex: 1;



        line-height: 1.75;



        color: #666;



        min-height: 1.75em;



        word-break: break-all; }



    .proxy .proxble .pli.nobor {



      border-bottom: none; }



  .proxy .aeiom{

    width: 100%;  

  }

  .proxy .ainps{

    width: 100%;  

    line-height: 1.75;

    color: #666;



  }

  .proxy .ainps table{

    width: 100%;display: block;

  }

  .proxy .ainps tbody{

    width: 100%;display: table;

  }

  .proxy .ainps tr{

      width: 100%;

  }

  .proxy .ainps td{

    padding: 0.15rem;

  }







@media (max-width: 500px) {



  .proxy .proxble:after, .proxy .proxble:before {



    display: none; }



  .proxy .proxble .pli {



    width: 100%;



    padding: 0.2rem 0.24rem; }



  .proxy .proxble .pli:last-child {



    border: none; } }



.feature {



  width: 100%;



  padding: 0.8rem 0; }



  .feature .fecom {



    width: 100%;



    background-color: #ffffff;



    border: solid 1px #dcdcdc;



    padding: 0.4rem 0.3rem; }



    .feature .fecom .finps {



      width: 100%;



      color: #666;



      line-height: 1.6; }

      .feature .fecom .finps ul{

        max-width: 100%;

      }

      .feature .fecom .finps .feature{

        padding: 0;

      }



      .feature .fecom .finps p {



        color: #666;



        line-height: 1.6; }

       .feature .fecom .finps .img_s{

          text-align: center;

        }

       .feature .fecom .finps .vd{

          text-align: center;

        }

       .feature .fecom .finps .vd video{

          margin: 0.1rem auto;

        }

       .feature .fecom .finps .img_s img{

          margin: 0.1rem 0;

        }

        .feature .fecom .finps table{

          width: 100%;display: block;

          margin: 0.1rem 0;

        }

        .feature .fecom .finps tbody{

          width: 100%;display: table;

        }

        .feature .fecom .finps tr{

            width: 100%;

        }

        .feature .fecom .finps td{

          padding: 0.15rem;

        }



      .feature .fecom .finps .fli {



        width: 100%;



        position: relative;



        padding-left: 0.2rem;



        color: #666;



        line-height: 1.6; }



        .feature .fecom .finps .fli:after {



          content: ' ';



          position: absolute;



          left: 0;



          top: calc(0.8em - 0.03rem);



          width: 0.06rem;



          height: 0.06rem;



          border-radius: 50%;



          background-color: #000; }



    .feature .fecom .finps + .fecper {



      margin-top: 0.35rem; }



    .feature .fecom .fecper {



      display: block;



      margin: 0 auto;



      width: 6.6rem;



      position: relative;



      width: calc(100% - 40px);



      max-width: 660px; }



      .feature .fecom .fecper .swiper-slide {



        width: 100%;



        position: relative; }



        .feature .fecom .fecper .swiper-slide .imgs {



          width: 100%;



          position: relative;



          overflow: hidden; }



          .feature .fecom .fecper .swiper-slide .imgs .img {



            width: 100%;



            padding-top: 75.07%;



            transition: all ease 0.5s; }



        .feature .fecom .fecper .swiper-slide .imx {



          position: absolute;



          bottom: 0;



          left: 0;



          right: 0;



          width: 100%;



          z-index: 2;



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



          padding: 0.15rem;



          color: #fff;



          line-height: 1.5;



          padding-right: 0.5rem; }



      .feature .fecom .fecper .btn {



        position: absolute;



        z-index: 3;



        top: 50%;



        transform: translateY(-50%);



        width: 15px;



        cursor: pointer; }



        .feature .fecom .fecper .btn img {



          width: 100%;



          display: block; }



        .feature .fecom .fecper .btn img:first-child {



          display: block; }



        .feature .fecom .fecper .btn img:last-child {



          display: none; }



      .feature .fecom .fecper .btn:hover img:first-child {



        display: none; }



      .feature .fecom .fecper .btn:hover img:last-child {



        display: block; }



      .feature .fecom .fecper .bl {



        left: -20px; }



      .feature .fecom .fecper .br {



        right: -20px; }



      .feature .fecom .fecper .swiper-pagination {



        width: auto;



        left: auto;



        right: 0.1rem; }



      .feature .fecom .fecper .swiper-pagination-bullet {



        display: inline-block;



        vertical-align: middle;



        opacity: 1;



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



      .feature .fecom .fecper .swiper-pagination-bullet-active {



        background-color: #fff; }



    .feature .fecom .showm {



      width: 100%; }







.shows {



  width: 100%;



  padding: 0.8rem 0; }



  .shows .showm {



    width: 100%;



    background-color: #ffffff;



    border: solid 1px #dcdcdc;



    padding: 0.4rem 0.3rem; }



    .shows .showm .shinp {



      width: 100%;



      color: #666;



      line-height: 1.6; }



      .shows .showm .shinp p {



        color: #666;



        line-height: 1.6; }







.petails {



  width: 100%;



  padding: 0.8rem 0; }



  .petails .petail {



    width: 100%;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between; }



    .petails .petail .pel {



      display: inline-block;



      vertical-align: middle;



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



      .petails .petail .pel .petop {



        width: 100%;



        position: relative; }



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



          width: 100%;



          position: relative;



          border: solid 1px #dcdcdc;



          background-color: #fff; }



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



            width: 100%;



            position: relative;



            overflow: hidden; }



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



              width: 100%;



              padding-top: 57.69%;



              transition: all ease 0.5s; }



        .petails .petail .pel .petop .btn {



          position: absolute;



          z-index: 3;



          top: 50%;



          transform: translateY(-50%);



          width: 0.15rem;



          cursor: pointer; }



          .petails .petail .pel .petop .btn img {



            width: 100%;



            display: block; }



          .petails .petail .pel .petop .btn img:first-child {



            display: block; }



          .petails .petail .pel .petop .btn img:last-child {



            display: none; }



        .petails .petail .pel .petop .btn:hover img:first-child {



          display: none; }



        .petails .petail .pel .petop .btn:hover img:last-child {



          display: block; }



        .petails .petail .pel .petop .bl {



          left: 0.2rem; }



        .petails .petail .pel .petop .br {



          right: 0.2rem; }



      .petails .petail .pel .pebot {



        width: 100%;



        margin-top: 0.14rem; }



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



          width: 100%;



          position: relative;



          border: solid 1px #dcdcdc;



          background-color: #fff;



          cursor: pointer; }



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



            width: 100%;



            position: relative;



            overflow: hidden; }



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



              width: 100%;



              padding-top: 68.75%;



              transition: all ease 0.5s; }



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



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



    .petails .petail .per {



      display: inline-block;



      vertical-align: middle;



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



      padding-top: 0.35rem; }



      .petails .petail .per .pit {



        width: 100%;



        color: #000;



        font-weight: bold;



        line-height: 1.3; }



      .petails .petail .per .pim {



        width: 100%;



        font-size: 0;



        margin-top: 0.08rem; }



        .petails .petail .per .pim .share {



          display: inline-block;



          vertical-align: middle;



          width: auto; }



          .petails .petail .per .pim .share .sm {



            display: inline-block;



            vertical-align: middle;



            color: #999;



            line-height: 1.5; }



          .petails .petail .per .pim .share .am {



            display: inline-block;



            vertical-align: middle;



            color: #999;



            line-height: 1.5;



            position: relative;



            width: 0.2rem;



            height: 0.2rem;



            min-width: 18px;



            min-height: 18px;



            margin-right: 0.12rem; }



            .petails .petail .per .pim .share .am a {



              width: 100%;



              display: block; }



            .petails .petail .per .pim .share .am .comd {



              position: absolute;



              left: 50%;



              top: 100%;



              transform: translateX(-50%);



              width: 1.3rem;



              padding: 0.08rem;



              background-color: #fff;



              border-radius: 0.05rem;



              display: none; }



              .petails .petail .per .pim .share .am .comd img {



                width: 100%;



                display: block; }



          .petails .petail .per .pim .share .am:hover .comd {



            display: block; }



      .petails .petail .per .lx {



        width: 100%;



        background-color: #dcdcdc;



        height: 1px;



        margin: 0.3rem 0; }



      .petails .petail .per .pinps {



        width: 100%;



        color: #666;



        line-height: 1.75;



        margin: 0.35rem 0; }



        .petails .petail .per .pinps p {



          color: #666;



          line-height: 1.75; }



      .petails .petail .per .check {



        width: 100%;



        font-size: 0;



        margin-top: 0.35rem; }



        .petails .petail .per .check a {



          display: inline-block;



          vertical-align: middle;



          padding: 0 0.5rem;



          background-color: var(--themes);



          color: #fff;



          line-height: 3;

          position: relative;



          border-radius: 1.5em; }



          .petails .petail .per .check a span {



            display: inline-block;



            vertical-align: middle;



            width: 18px;



            margin-right: 0.1rem; }



            .petails .petail .per .check a img {



              width: 100%;



              display: block; }

              .petails .petail .per .check a .codm{

                position: absolute;

                left: 50%;    

                bottom: calc(100% + 0.1rem);

                background-color: #fff;

                border-radius: 0.1rem;

                width: 1.4rem;

                height: 1.4rem;

                transform: translateX(-50%);

                display: none;

                padding: 0.1rem;

                box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);

              }

              .petails .petail .per .check a:hover .codm{display: block;}







.customized {

width: 100%;

background-color: #f7f7f7;

padding: 0.6rem 0;

position: relative;

z-index: 3; }

.customized .forms {

width: 100%; }

.customized .forms form {

  width: 100%;

  display: block;

  font-size: 0; }

.customized .forms .row {

  width: 100%; }

  .customized .forms .row .input {

    display: inline-block;

    vertical-align: top;

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

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

    margin-bottom: 0.2rem; }

    .customized .forms .row .input .int {

      width: 100%;

      display: block;

      background-color: #ffffff;

      border: solid 1px #dcdcdc;

      padding: 0 0.15rem;

      color: #333;

      line-height: 3;

      height: 3em; }

    .customized .forms .row .input .inc {

      width: 2.5rem;

      display: inline-block;

      vertical-align: middle;

      background-color: #ffffff;

      border: solid 1px #dcdcdc;

      padding: 0 0.15rem;

      color: #333;

      line-height: 3;

      height: 3em; }

    .customized .forms .row .input .ymg {

      display: inline-block;

      vertical-align: middle;

      height: 3em;

      width: auto;

      margin: 0 0.1rem; }

      .customized .forms .row .input .ymg img {

        height: 100%;

        display: block; }

    .customized .forms .row .input .em {

      display: inline-block;

      vertical-align: middle;

      width: auto;

      color: #999;

      line-height: 1.5; }

    .customized .forms .row .input .select {

      /* font-size: 0; */

      display: inline-block;

      vertical-align: middle;

      border: none;

      text-align: left;

      position: relative;

      width: 2.6rem;

      width: 100%;

      cursor: pointer; }

      .customized .forms .row .input .select .select-con {

        width: 100%;

        display: inline-block;

        vertical-align: middle;

        position: relative;

        font-size: 0; }

        .customized .forms .row .input .select .select-con .select-value {

          display: inline-block;

          vertical-align: middle;

          width: 100%;

          line-height: 3.5em;

          height: 3.5em;

          color: #666;

          padding: 0 .2rem;

          background-color: #ffffff;

          border: solid 1px #dcdcdc; }

        .customized .forms .row .input .select .select-con select {

          position: absolute;

          width: 100%;

          height: 100%;

          left: 0;

          top: 0;

          z-index: 2;

          opacity: 0; }

          .customized .forms .row .input .select .select-con select option {

            color: #666;

            font-size: .16rem;

            line-height: 2.5;

            background: #fff; }

        .customized .forms .row .input .select .select-con .seluls {

          position: absolute;

          left: 0;

          top: 100%;

          min-width: 100%;

          max-height: 360px;

          overflow: auto;

          display: none;

          box-sizing: border-box;

          text-align: left;

          background-color: #fff;

          z-index: 123;

          border-radius: 4px;

          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);

          overflow: auto;

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

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

          .customized .forms .row .input .select .select-con .seluls .option {

            width: 100%;

            color: #666;

            line-height: 2.5;

            background: #fff;

            cursor: pointer;

            padding: 0 0.15rem; }

          .customized .forms .row .input .select .select-con .seluls .option:hover {

            background-color: var(--themes);

            color: #fff; }

          .customized .forms .row .input .select .select-con .seluls .option + .option {

            border-top: solid 1px #ddd; }

        .customized .forms .row .input .select .select-con .seluls::-webkit-scrollbar {

          width: 4px;

          height: 4px;

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

        .customized .forms .row .input .select .select-con .seluls::-webkit-scrollbar-thumb {

          border-radius: 10px;

          -webkit-box-shadow: inset 0 0 10px rgba(1, 98, 177, 0.3);

          background: rgba(1, 98, 177, 0.3);

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

        .customized .forms .row .input .select .select-con .seluls::-webkit-scrollbar-track {

          border-radius: 10px;

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

          background: rgba(0, 0, 0, 0.1); }

      .customized .forms .row .input .select .select-con:after {

        display: inline-block;

        content: "";

        position: absolute;

        right: .2rem;

        top: 50%;

        transform: translateY(-50%);

        z-index: 1;

        width: 12px;

        height: 7px;

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

        background-size: 100%;

        background-repeat: no-repeat;

        background-position: center; }

  .customized .forms .row .input:nth-child(2n) {

    margin-right: 0; }

  .customized .forms .row .text {

    width: 100%;

    display: block;

    margin-bottom: 0.2rem; }

    .customized .forms .row .text .area {

      width: 100%;

      display: block;

      background-color: #ffffff;

      border: solid 1px #dcdcdc;

      padding: 0.15rem 0.15rem;

      color: #333;

      line-height: 1.5; }

.customized .forms .sub {

  width: 100%;

  font-size: 0;

  text-align: center; }

  .customized .forms .sub .stn {

    display: inline-block;

    vertical-align: middle;

    color: #fff;

    cursor: pointer;

    line-height: 3;

    height: 3em;

    padding: 0 0.4rem;

    border-radius: 1.5em;

    cursor: pointer;

    width: auto;

    border: none;

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



    .social-share a{

      margin: 0 !important;

    }



    .crumbs.fixed {

      position: fixed;

      z-index: 19;

      left: 0;

      right: 0;

      background-color: #fff;

      box-shadow: 0px 1px 40px 3px rgba(29, 0, 0, 0.05);overflow: hidden; }

      .searchlom {

        width: 100%;

        padding: 0.6rem 0 0.3rem; }

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

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

                .searchlom .results .resulis .reuom .cit .tic {

                  display: inline-block;

                  vertical-align: middle;

                  color: #fff;

                  width: 6em;

                  line-height: 2;

                  text-align: center;

                  border-radius: 1em;

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

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

        .searchlom .casster, .searchlom .proster, .searchlom .newster {

          width: 100%;

          font-size: 0;

          padding: 0.25rem 0; }

        .searchlom .caselis {

          width: 100%;

          font-size: 0; }

          .searchlom .caselis .casem {

            display: inline-block;

            vertical-align: top;

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

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

            margin-bottom: 0.3rem; }

            .searchlom .caselis .casem a {

              width: 100%;

              display: block; }

            .searchlom .caselis .casem .imgs {

              width: 100%;

              position: relative;

              overflow: hidden; }

              .searchlom .caselis .casem .imgs a {

                width: 100%;

                display: block; }

              .searchlom .caselis .casem .imgs .img {

                width: 100%;

                padding-top: 66.99%;

                transition: all ease 0.5s; }

            .searchlom .caselis .casem .coom {

              width: 100%;

              padding: 0.24rem;

              background-color: #fff;

              border: solid 1px #dcdcdc; }

              .searchlom .caselis .casem .coom .cit {

                width: 100%;

                color: #000;

                font-weight: bold;

                line-height: 1.5; }

              .searchlom .caselis .casem .coom .xim {

                width: 100%;

                color: #666;

                line-height: 1.5;

                height: 3em;

                margin-top: 0.05rem; }

          .searchlom .caselis .casem:nth-child(3n) {

            margin-right: 0; }

          .searchlom .caselis .casem:hover .imgs .img {

            transform: scale(1.1); }

          .searchlom .caselis .casem:hover .coom .cit {

            color: var(--themes); }

        .searchlom .pifem {

          width: 100%;

          font-size: 0; }

          .searchlom .pifem .pif {

            width: 100%;

            color: #333;

            line-height: 1.5;

            margin-bottom: 0.3rem; }

        .searchlom .pifem + .pifem {

          margin-top: 0.3rem; }

        .searchlom .produlis {

          width: 100%;

          font-size: 0; }

          .searchlom .produlis .prdem {

            display: inline-block;

            vertical-align: top;

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

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

            margin-bottom: 0.2rem;

            padding: 0.3rem 0.2rem;

            background-color: #fff;

            border: solid 1px #dcdcdc; }

            .searchlom .produlis .prdem a {

              width: 100%;

              display: block; }

            .searchlom .produlis .prdem .imgs {

              width: 100%;

              position: relative;

              overflow: hidden; }

              .searchlom .produlis .prdem .imgs .img {

                width: 100%;

                padding-top: 76.47%;

                transition: all ease 0.5s; }

            .searchlom .produlis .prdem .pim {

              width: 100%;

              text-align: center;

              color: #000;

              line-height: 1.5;

              margin-top: 0.15rem; }

          .searchlom .produlis .prdem:nth-child(4n) {

            margin-right: 0; }

          .searchlom .produlis .prdem:hover {

            box-shadow: 0px -10px 28px 4px rgba(0, 53, 97, 0.11); }

            .searchlom .produlis .prdem:hover .imgs .img {

              transform: scale(1.1); }

            .searchlom .produlis .prdem:hover .pim {

              color: var(--themes); }

        .searchlom .newlist {

          width: 100%;

          margin-top: 0.3rem;

          font-size: 0; }

          .searchlom .newlist .newam {

            display: inline-block;

            vertical-align: top;

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

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

            margin-bottom: 0.3rem; }

            .searchlom .newlist .newam a {

              width: 100%;

              display: block; }

            .searchlom .newlist .newam .imgs {

              width: 100%;

              position: relative;

              overflow: hidden; }

              .searchlom .newlist .newam .imgs a {

                width: 100%;

                display: block; }

              .searchlom .newlist .newam .imgs .img {

                width: 100%;

                padding-top: 58.13%;

                transition: all ease 0.5s; }

            .searchlom .newlist .newam .nom {

              width: 100%;

              padding: 0.24rem;

              background-color: #fff;

              border: solid 1px #dcdcdc; }

              .searchlom .newlist .newam .nom .time {

                width: 100%;

                color: #999;

                line-height: 1.5; }

              .searchlom .newlist .newam .nom .xim {

                width: 100%;

                color: #000;

                font-weight: bold;

                line-height: 1.6;

                height: 3.2em;

                margin-top: 0.05rem; }

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

            margin-right: 0; }

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

            transform: scale(1.1); }

          .searchlom .newlist .newam:hover .nom .xim {

            color: var(--themes); }









        .w1300 {

          width: 13rem;

          margin: 0 auto;

          position: relative;

          font-size: 0;

          max-width: 100%; }

        

        @media (max-width: 1320px) {

          .w1300 {

            width: 90%; } }

        @media (max-width: 800px) {

          .w1300 {

            width: 94%; } }

        .mains {

          width: 100%; }

          .mains .mapem {

            width: 100%;

            background-color: #f8f8f8;

            position: relative; }

            .mains .mapem .hoam {

              position: absolute;

              width: 100%;

              top: -1.8rem; }

          .mains .mapem:nth-child(2n) {

            background-color: #fff; }

          .mains .shows .showm {

            border: none;

            background-color: transparent;

            padding: 0; }

          .mains .feature .fecom {

            border: none;

            padding: 0;

            background-color: transparent; }

          .mains .feature .fecper {

            max-width: 100%; }

            .mains .feature .fecper .swiper-pagination {

              display: none; }

          .mains .areas .apeam {

            padding: 0;

            border: none;

            background-color: transparent; }

          .mains .areas .aepers .swiper-slide .com {

            background-color: transparent;

            border: none;

            padding: 0.2rem 0; }

          .mains .areas .ainps {

            background-color: transparent;

            padding: 0;

            border: none; }

          .mains .areas .caselisd {

            background-color: transparent;

            padding: 0;

            border: none; }

          .mains .lenavs {

            width: 100%; display: none;}

          .mains .leftnavp {

            width: 100%;

            position: relative;

            display: none;

            padding: 0 3%; }

            .mains .leftnavp .swiper-slide {

              width: auto;

              display: inline-block;

              vertical-align: middle;

              color: #333;

              line-height: 50px;

              padding: 0 0.15rem; }

            .mains .leftnavp .swiper-slide.on, .mains .leftnavp .swiper-slide:hover {

              color: var(--themes); }

          .mains .leftnavp.fixed {

            position: fixed;

            z-index: 30;

            left: 0;

            right: 0;

            background-color: #fff;

            box-shadow: 0px 1px 40px 3px rgba(29, 0, 0, 0.05); }

        

        @media (max-width: 800px) {

          .mains .leftnavp {

            width: 100%;

            position: relative;

            display: block; }

            .mains .lenavs {

              width: 100%; display: block;}

          .mains .hoam {

            top: -1rem; } }

            

            .leftnavs {

              position: fixed;

              left: 0rem;

              top: 30%;

              z-index: 5;

              display: none;

              transition: all ease 0.5s; }

              .leftnavs .ltem {

                width: 100%;

                font-size: 0;

                padding: 0.06rem 0;

                cursor: pointer;

                position: relative;

                left: -120%;

                transition: all ease 0.5s; }

                .leftnavs .ltem .xd {

                  display: inline-block;

                  vertical-align: middle;

                  width: 0.24rem;

                  height: 2px;

                  margin-right: 0.22rem;

                  background-color: #999; }

                .leftnavs .ltem .xm {

                  display: inline-block;

                  vertical-align: middle;

                  color: #999;

                  line-height: 1.5; }

              .leftnavs .ltem.on .xd, .leftnavs .ltem:hover .xd {

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

              .leftnavs .ltem.on .xm, .leftnavs .ltem:hover .xm {

                color: var(--themes); }

              .leftnavs .ltns {

                display: block;

                width: 0.4rem;

                height: 0.4rem; }

                .leftnavs .ltns img {

                  width: 100%;

                  display: block; }

                .leftnavs .ltns img:first-child {

                  display: block; }

                .leftnavs .ltns img:last-child {

                  display: none; }

            

            .leftnavs.show {

              left: 0.2rem; }

              .leftnavs.show .ltem {

                left: 0; }

              .leftnavs.show .ltns img:first-child {

                display: none; }

              .leftnavs.show .ltns img:last-child {

                display: block; }









                .details .detail .der .eam {



                  width: 100%;

        

                  display: flex;

        

                  align-items: center; 

          

                  background-color: #ffffff;

          

                  border: solid 1px #dcdcdc;

          

                  padding: 0.2rem 0.2rem; 



                  margin-top: 0.3rem; 

                }



                  .details .detail .der .dc {



                    display: inline-block;

          

                    vertical-align: middle;

          

                    width: 0.44rem;

          

                    height: 0.44rem;

          

                    margin-right: 0.2rem; }

          

                    .details .detail .der .dc img {

          

                      width: 100%;

          

                      display: block; }

          

                    .details .detail .der .name {

          

                    display: inline-block;

          

                    vertical-align: middle;

          

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

          

                    .details .detail .der .name a {

          

                      width: 100%;

          

                      display: block;

          

                      color: #111;

          

                      font-weight: bold;

          

                      line-height: 1.5; }

          

                    .details .detail .der .name a:hover {

          

                      color: var(--themes); }

          

                    .details .detail .der .size {

          

                    width: 1rem;

          

                    display: inline-block;

          

                    vertical-align: middle;

          

                    color: #666;

          

                    line-height: 1.5; }

          

                  .details .detail .der .atn {

          

                    display: inline-block;

          

                    vertical-align: middle;

          

                    width: 130px; }

          

                  .details .detail .der .atn a {

          

                      display: inline-block;

          

                      vertical-align: middle;

          

                      border: solid 2px #dcdcdc;

          

                      color: #666;

          

                      line-height: 2.4;

          

                      border-radius: 1.4em;

          

                      white-space: nowrap;

          

                      width: 100%;

          

                      text-align: center; }

          

                    .details .detail .der .atn a .xd {

          

                        display: inline-block;

          

                        vertical-align: middle;

          

                        width: 18px;

          

                        height: 18px;

          

                        margin-right: 0.1rem; }

          

                      .details .detail .der .atn a .xd img {

          

                          width: 100%;

          

                          display: block; }

          

                    .details .detail .der .atn a .xd img:first-child {

          

                          display: block; }

          

                    .details .detail .der .atn a .xd img:last-child {

          

                          display: none; }

          

                    .details .detail .der .atn a:hover {

          

                      color: #fff;

          

                      background-color: var(--themes);

          

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

          

                    .details .detail .der .atn a:hover .xd img:first-child {

          

                        display: none; }

          

                    .details .detail .der .atn a:hover .xd img:last-child {

          

                        display: block; }