@charset "UTF-8";
/*图片比例裁剪预设*/
i.pic-size {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  display: block;
  overflow: hidden; }

i.pic-size img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/
  margin: auto;
  object-fit: contain; }

i.pic-size-cover img {
  object-fit: cover; }

i.pic-size-scale-down img {
  object-fit: scale-down; }

i.pic-size-none img {
  object-fit: none; }

/*定义动画*/
.e-ani *,
.e-ani *:before,
.e-ani *:after {
  -webkit-transition: .3s;
  transition: .3s; }

@media screen and (min-width: 320px) {
  i.pic-scale-product {
    padding-bottom: 63.37%; }
  .products-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2.66666vw; }
    .products-list ul li {
      flex-basis: 50%;
      flex-shrink: 0;
      min-width: 0;
      padding: 2.66666vw; }
      .products-list ul li a .pic {
        overflow: hidden;
        border-radius: 2.66666vw;
        position: relative; }
        .products-list ul li a .pic img {
          width: 100%; }
        .products-list ul li a .pic .logo-ico {
          width: 13.3333vw;
          position: absolute;
          right: 1.33333vw;
          top: 1.33333vw;
          z-index: 2;
          filter: grayscale(100%) brightness(1000%);
          opacity: 0.5; }
        .products-list ul li a .pic .ico {
          width: 5.33332vw;
          right: 1.33333vw;
          bottom: 1.33333vw;
          position: absolute;
          z-index: 2;
          opacity: 0.6;
          filter: brightness(10000%); }
        .products-list ul li a .pic .mess {
          position: absolute;
          left: 0;
          top: 0;
          padding: 5.33332vw 3.99999vw;
          z-index: 2;
          width: 80%; }
          .products-list ul li a .pic .mess .tit {
            color: #fff;
            zoom: .5;
            font-size: 6.39998vw;
            width: 130%; }
          .products-list ul li a .pic .mess .sub-tit {
            color: #fff;
            font-size: 5.33332vw;
            zoom: .3;
            margin-top: 3.99999vw;
            height: 15.99996vw; }
          .products-list ul li a .pic .mess .line {
            height: 0.26667vw;
            background: #fff;
            margin: 1.33333vw 0; }
          .products-list ul li a .pic .mess .tips {
            margin: -0.53333vw; }
            .products-list ul li a .pic .mess .tips .item {
              padding: 0.53333vw;
              display: flex; }
              .products-list ul li a .pic .mess .tips .item i {
                width: 1.6vw;
                height: 1.6vw;
                background-image: url(../images/right.png);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                flex-shrink: 0; }
              .products-list ul li a .pic .mess .tips .item span {
                color: #fff;
                font-size: 5.33332vw;
                zoom: .3;
                text-transform: uppercase;
                padding-left: 3.99999vw; }
      .products-list ul li a .tit-box {
        color: #3e3e3e;
        font-size: 3.73332vw;
        padding-top: 2.66666vw;
        font-weight: bold; }
      .products-list ul li a:hover .pic {
        box-shadow: -1.06666vw 1.06666vw 2.39999vw rgba(94, 160, 255, 0.42); }
      .products-list ul li a:hover .tit-box {
        color: #0a55e2; }
  .product-desc {
    padding-top: 5.33332vw;
    font-size: 4.26666vw;
    line-height: 1.5; } }

@media screen and (min-width: 992px) {
  .products-list ul {
    margin: -14.4px; }
    .products-list ul li {
      flex-basis: 25%;
      padding: 14.4px; }
      .products-list ul li a .pic {
        border-radius: 12px; }
        .products-list ul li a .pic img {
          width: 100%; }
        .products-list ul li a .pic .logo-ico {
          width: 52.8px;
          right: 9px;
          top: 9px; }
        .products-list ul li a .pic .ico {
          width: 31.8px;
          right: 9px;
          bottom: 9px; }
        .products-list ul li a .pic .mess {
          padding: 21px 18px;
          z-index: 2;
          width: 80%; }
          .products-list ul li a .pic .mess .tit {
            zoom: 1;
            font-size: 14.4px; }
          .products-list ul li a .pic .mess .sub-tit {
            font-size: 14.4px;
            zoom: .5;
            margin-top: 9.6px;
            height: 40.8px; }
          .products-list ul li a .pic .mess .line {
            height: 0.6px;
            margin: 6px 0; }
          .products-list ul li a .pic .mess .tips {
            margin: -1.2px; }
            .products-list ul li a .pic .mess .tips .item {
              padding: 1.2px; }
              .products-list ul li a .pic .mess .tips .item i {
                width: 7.2px;
                height: 7.2px; }
              .products-list ul li a .pic .mess .tips .item span {
                font-size: 14.4px;
                zoom: .5;
                padding-left: 7.2px; }
      .products-list ul li a .tit-box {
        font-size: 9.6px;
        padding-top: 6px; }
      .products-list ul li a:hover .pic {
        box-shadow: -4.8px 4.8px 10.8px rgba(94, 160, 255, 0.42); }
  .products-list-min ul {
    margin: -6px; }
    .products-list-min ul li {
      flex-basis: 100%;
      padding: 6px; }
  .product-desc {
    padding-top: 28.8px;
    font-size: 14.4px; } }

@media screen and (min-width: 1200px) {
  .products-list ul {
    margin: -19.2px; }
    .products-list ul li {
      padding: 19.2px; }
      .products-list ul li a .pic {
        border-radius: 16px; }
        .products-list ul li a .pic img {
          width: 100%; }
        .products-list ul li a .pic .logo-ico {
          width: 70.4px;
          right: 12px;
          top: 12px; }
        .products-list ul li a .pic .ico {
          width: 42.4px;
          right: 12px;
          bottom: 12px; }
        .products-list ul li a .pic .mess {
          padding: 28px 24px;
          z-index: 2;
          width: 80%; }
          .products-list ul li a .pic .mess .tit {
            zoom: 1;
            font-size: 19.2px; }
          .products-list ul li a .pic .mess .sub-tit {
            font-size: 19.2px;
            zoom: .5;
            margin-top: 12.8px;
            height: 54.4px; }
          .products-list ul li a .pic .mess .line {
            height: 0.8px;
            margin: 8px 0; }
          .products-list ul li a .pic .mess .tips {
            margin: -1.6px; }
            .products-list ul li a .pic .mess .tips .item {
              padding: 1.6px; }
              .products-list ul li a .pic .mess .tips .item i {
                width: 9.6px;
                height: 9.6px; }
              .products-list ul li a .pic .mess .tips .item span {
                font-size: 19.2px;
                zoom: .5;
                padding-left: 9.6px; }
      .products-list ul li a .tit-box {
        font-size: 12.8px;
        padding-top: 8px; }
      .products-list ul li a:hover .pic {
        box-shadow: -6.4px 6.4px 14.4px rgba(94, 160, 255, 0.42); }
  .products-list-min ul {
    margin: -6px; }
    .products-list-min ul li {
      flex-basis: 100%;
      padding: 6px; }
  .product-desc {
    padding-top: 38.4px;
    font-size: 19.2px; } }

@media screen and (min-width: 1420px) {
  .products-list ul {
    margin: -24px; }
    .products-list ul li {
      padding: 24px; }
      .products-list ul li a .pic {
        border-radius: 20px; }
        .products-list ul li a .pic img {
          width: 100%; }
        .products-list ul li a .pic .logo-ico {
          width: 88px;
          right: 15px;
          top: 15px; }
        .products-list ul li a .pic .ico {
          width: 53px;
          right: 15px;
          bottom: 15px; }
        .products-list ul li a .pic .mess {
          padding: 35px 30px;
          z-index: 2;
          width: 80%; }
          .products-list ul li a .pic .mess .tit {
            zoom: 1;
            font-size: 24px; }
          .products-list ul li a .pic .mess .sub-tit {
            font-size: 24px;
            zoom: .5;
            margin-top: 16px;
            height: 68px; }
          .products-list ul li a .pic .mess .line {
            height: 1px;
            margin: 10px 0; }
          .products-list ul li a .pic .mess .tips {
            margin: -2px; }
            .products-list ul li a .pic .mess .tips .item {
              padding: 2px; }
              .products-list ul li a .pic .mess .tips .item i {
                width: 12px;
                height: 12px; }
              .products-list ul li a .pic .mess .tips .item span {
                font-size: 24px;
                zoom: .5;
                padding-left: 12px; }
      .products-list ul li a .tit-box {
        font-size: 16px;
        padding-top: 10px; }
      .products-list ul li a:hover .pic {
        box-shadow: -8px 8px 18px rgba(94, 160, 255, 0.42); }
  .products-list-min ul {
    margin: -10px; }
    .products-list-min ul li {
      flex-basis: 100%;
      padding: 10px; }
  .product-desc {
    padding-top: 48px;
    font-size: 24px; } }

@media screen and (min-width: 320px) {
  .product-info .item .tit-box {
    border-bottom: 0.26667vw solid #0a55e2;
    padding-bottom: 2.66666vw;
    display: flex;
    align-items: flex-end; }
    .product-info .item .tit-box b {
      font-size: 4.79999vw;
      color: #0a55e2; }
    .product-info .item .tit-box span {
      font-size: 3.19999vw;
      padding-left: 2.66666vw;
      color: #0a55e2; }
  .product-info .item + .item {
    padding-top: 7.99998vw; }
  .product-info .l ul {
    padding-left: 4.26666vw; }
    .product-info .l ul li {
      list-style: decimal; }
  .product-info .r {
    padding-top: 7.99998vw; }
    .product-info .r .item .tit-box {
      border-bottom-color: #3e3e3e; }
      .product-info .r .item .tit-box b {
        color: #3e3e3e; }
      .product-info .r .item .tit-box span {
        color: #3e3e3e; }
    .product-info .r .video-btn {
      overflow: hidden;
      border-radius: 2.66666vw;
      display: block; }
      .product-info .r .video-btn i.pic-scale-video {
        padding-bottom: 55.88%; }
      .product-info .r .video-btn .pic {
        position: relative; }
        .product-info .r .video-btn .pic .ico {
          width: 18.66662vw;
          height: 18.66662vw;
          background-image: url(../images/play.png);
          background-position: center;
          background-size: contain;
          position: absolute;
          z-index: 2;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .product-info .r .video-btn .tit {
        background: #0a55e2;
        height: 10.13331vw;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff; }
  .product-info .product-cont {
    padding-top: 3.99999vw; }
    .product-info .product-cont .product-box + .product-box {
      padding-top: 3.99999vw; }
    .product-info .product-cont table {
      width: 100% !important;
      border: 1px solid #aaa !important; }
      .product-info .product-cont table tr:nth-child(odd) {
        background: #f7f7f7; }
      .product-info .product-cont table tr:nth-child(1) td {
        background: #0a55e2;
        text-align: center;
        color: #fff !important;
        font-weight: normal;
        font-size: 3.19999vw;
        height: 9.59998vw;
        border: none; }
        .product-info .product-cont table tr:nth-child(1) td * {
          color: #fff !important; }
      .product-info .product-cont table tr th {
        background: #0a55e2;
        text-align: center;
        color: #fff !important;
        font-weight: normal;
        font-size: 3.19999vw;
        height: 9.59998vw; }
        .product-info .product-cont table tr th * {
          color: #fff !important; }
      .product-info .product-cont table tr td {
        font-size: 3.19999vw;
        height: 9.59998vw;
        text-align: center; } }

@media screen and (min-width: 992px) {
  .product-info {
    padding: 18px 0 18px 0; }
    .product-info .flex {
      display: flex; }
      .product-info .flex .l {
        padding-right: 84px;
        flex-basis: 65%;
        flex-shrink: 0;
        min-width: 0; }
        .product-info .flex .l ul {
          font-size: 10.8px;
          padding-left: 10.8px; }
          .product-info .flex .l ul li {
            font-size: 10.8px; }
      .product-info .flex .r {
        padding-top: 0;
        padding-left: 60px;
        flex-basis: 35%;
        flex-shrink: 0;
        min-width: 0; }
        .product-info .flex .r .video-btn {
          border-radius: 12px; }
          .product-info .flex .r .video-btn .pic .ico {
            width: 57.6px;
            height: 57.6px; }
          .product-info .flex .r .video-btn .tit {
            height: 24px;
            font-size: 10.8px; }
    .product-info .content-box {
      font-size: 10.8px; }
    .product-info .item .tit-box {
      border-bottom-width: 0.6px;
      padding-bottom: 6px; }
      .product-info .item .tit-box b {
        font-size: 14.4px; }
      .product-info .item .tit-box span {
        font-size: 14.4px;
        zoom: .5;
        padding-left: 12px; }
    .product-info .item + .item {
      padding-top: 24px; }
    .product-info .product-cont {
      padding-top: 9px; }
      .product-info .product-cont .product-box + .product-box {
        padding-top: 9px; }
      .product-info .product-cont table {
        width: 100%; }
        .product-info .product-cont table tr:nth-child(1) td {
          font-size: 9.6px;
          height: 19.2px;
          border: none; }
        .product-info .product-cont table tr th {
          font-size: 9.6px;
          height: 19.2px; }
        .product-info .product-cont table tr td {
          font-size: 9.6px;
          height: 19.2px; } }

@media screen and (min-width: 1420px) {
  .product-info {
    padding: 24px 0 24px 0; }
    .product-info .flex {
      display: flex; }
      .product-info .flex .l {
        padding-right: 112px;
        flex-basis: 65%;
        flex-shrink: 0;
        min-width: 0; }
        .product-info .flex .l ul {
          font-size: 14.4px;
          padding-left: 14.4px; }
          .product-info .flex .l ul li {
            font-size: 14.4px; }
      .product-info .flex .r {
        padding-top: 0;
        padding-left: 80px;
        flex-basis: 35%;
        flex-shrink: 0;
        min-width: 0; }
        .product-info .flex .r .video-btn {
          border-radius: 16px; }
          .product-info .flex .r .video-btn .pic .ico {
            width: 76.8px;
            height: 76.8px; }
          .product-info .flex .r .video-btn .tit {
            height: 32px;
            font-size: 14.4px; }
    .product-info .content-box {
      font-size: 14.4px; }
    .product-info .item .tit-box {
      border-bottom-width: 0.8px;
      padding-bottom: 8px; }
      .product-info .item .tit-box b {
        font-size: 19.2px; }
      .product-info .item .tit-box span {
        font-size: 19.2px;
        zoom: .5;
        padding-left: 16px; }
    .product-info .item + .item {
      padding-top: 32px; }
    .product-info .product-cont {
      padding-top: 12px; }
      .product-info .product-cont .product-box + .product-box {
        padding-top: 12px; }
      .product-info .product-cont table {
        width: 100%; }
        .product-info .product-cont table tr:nth-child(1) td {
          font-size: 12.8px;
          height: 25.6px;
          border: none; }
        .product-info .product-cont table tr th {
          font-size: 12.8px;
          height: 25.6px; }
        .product-info .product-cont table tr td {
          font-size: 12.8px;
          height: 25.6px; } }