<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <link rel="icon" href="/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="https://www.weileit.com/element-ui@2.15.13/lib/theme-chalk/index.css">
  <link rel="stylesheet" href="https://www.weileit.com/static/nodeCss/animate.css">
  <title>实验室管理系统_实验室管理软件（lims)_高校实验室管理系统-为乐信息科技</title>
  <meta name"baidu-site-verification"="" content="code-gFCL5dvfFL">
  <meta name="keywords"
    content="实验室管理系统、智慧实验室管理平台、实验室安全管理系统、实验室综合管理平台、实验室管理软件、实验室综合管理系统、高校实验室管理系统、实验室安全分级分类管理系统、实验室管理平台、试剂通、实验室危化品管理系统、实验室安全检查系统、仪器预约共享系统、实验室信息管理系统LIMS、实验室安全准入、试剂耗材管理系统、高校实验室安全信息化管理">
  <meta name="description"
    content="广州为乐信息科技实验室安全综合管理系统平台，产品齐全功能强大，包括实验室安全管理系统、危化品管理系统、仪器预约共享、实验室安全检查、实验室安全教育考试准入、实验室安全分级分类、实验室危险源等全方位管理，让实验室管理更安全、更便捷，是科研单位及高校实验室管理系统平台首选。">
  <link rel="shortcut icon" href="/favicon.ico">
  <style>
    @font-face {
      font-family: element-icons;
      src: url(/img/element-icons.535877f5.woff) format("woff"), url(/img/element-icons.732389de.ttf) format("truetype");
      font-weight: 400;
      font-display: "auto";
      font-style: normal
    }

    [class*=" el-icon-"],
    [class^=el-icon-] {
      font-family: element-icons !important;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: baseline;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .el-icon-ice-cream-round:before {
      content: "\e6a0"
    }

    .el-icon-ice-cream-square:before {
      content: "\e6a3"
    }

    .el-icon-lollipop:before {
      content: "\e6a4"
    }

    .el-icon-potato-strips:before {
      content: "\e6a5"
    }

    .el-icon-milk-tea:before {
      content: "\e6a6"
    }

    .el-icon-ice-drink:before {
      content: "\e6a7"
    }

    .el-icon-ice-tea:before {
      content: "\e6a9"
    }

    .el-icon-coffee:before {
      content: "\e6aa"
    }

    .el-icon-orange:before {
      content: "\e6ab"
    }

    .el-icon-pear:before {
      content: "\e6ac"
    }

    .el-icon-apple:before {
      content: "\e6ad"
    }

    .el-icon-cherry:before {
      content: "\e6ae"
    }

    .el-icon-watermelon:before {
      content: "\e6af"
    }

    .el-icon-grape:before {
      content: "\e6b0"
    }

    .el-icon-refrigerator:before {
      content: "\e6b1"
    }

    .el-icon-goblet-square-full:before {
      content: "\e6b2"
    }

    .el-icon-goblet-square:before {
      content: "\e6b3"
    }

    .el-icon-goblet-full:before {
      content: "\e6b4"
    }

    .el-icon-goblet:before {
      content: "\e6b5"
    }

    .el-icon-cold-drink:before {
      content: "\e6b6"
    }

    .el-icon-coffee-cup:before {
      content: "\e6b8"
    }

    .el-icon-water-cup:before {
      content: "\e6b9"
    }

    .el-icon-hot-water:before {
      content: "\e6ba"
    }

    .el-icon-ice-cream:before {
      content: "\e6bb"
    }

    .el-icon-dessert:before {
      content: "\e6bc"
    }

    .el-icon-sugar:before {
      content: "\e6bd"
    }

    .el-icon-tableware:before {
      content: "\e6be"
    }

    .el-icon-burger:before {
      content: "\e6bf"
    }

    .el-icon-knife-fork:before {
      content: "\e6c1"
    }

    .el-icon-fork-spoon:before {
      content: "\e6c2"
    }

    .el-icon-chicken:before {
      content: "\e6c3"
    }

    .el-icon-food:before {
      content: "\e6c4"
    }

    .el-icon-dish-1:before {
      content: "\e6c5"
    }

    .el-icon-dish:before {
      content: "\e6c6"
    }

    .el-icon-moon-night:before {
      content: "\e6ee"
    }

    .el-icon-moon:before {
      content: "\e6f0"
    }

    .el-icon-cloudy-and-sunny:before {
      content: "\e6f1"
    }

    .el-icon-partly-cloudy:before {
      content: "\e6f2"
    }

    .el-icon-cloudy:before {
      content: "\e6f3"
    }

    .el-icon-sunny:before {
      content: "\e6f6"
    }

    .el-icon-sunset:before {
      content: "\e6f7"
    }

    .el-icon-sunrise-1:before {
      content: "\e6f8"
    }

    .el-icon-sunrise:before {
      content: "\e6f9"
    }

    .el-icon-heavy-rain:before {
      content: "\e6fa"
    }

    .el-icon-lightning:before {
      content: "\e6fb"
    }

    .el-icon-light-rain:before {
      content: "\e6fc"
    }

    .el-icon-wind-power:before {
      content: "\e6fd"
    }

    .el-icon-baseball:before {
      content: "\e712"
    }

    .el-icon-soccer:before {
      content: "\e713"
    }

    .el-icon-football:before {
      content: "\e715"
    }

    .el-icon-basketball:before {
      content: "\e716"
    }

    .el-icon-ship:before {
      content: "\e73f"
    }

    .el-icon-truck:before {
      content: "\e740"
    }

    .el-icon-bicycle:before {
      content: "\e741"
    }

    .el-icon-mobile-phone:before {
      content: "\e6d3"
    }

    .el-icon-service:before {
      content: "\e6d4"
    }

    .el-icon-key:before {
      content: "\e6e2"
    }

    .el-icon-unlock:before {
      content: "\e6e4"
    }

    .el-icon-lock:before {
      content: "\e6e5"
    }

    .el-icon-watch:before {
      content: "\e6fe"
    }

    .el-icon-watch-1:before {
      content: "\e6ff"
    }

    .el-icon-timer:before {
      content: "\e702"
    }

    .el-icon-alarm-clock:before {
      content: "\e703"
    }

    .el-icon-map-location:before {
      content: "\e704"
    }

    .el-icon-delete-location:before {
      content: "\e705"
    }

    .el-icon-add-location:before {
      content: "\e706"
    }

    .el-icon-location-information:before {
      content: "\e707"
    }

    .el-icon-location-outline:before {
      content: "\e708"
    }

    .el-icon-location:before {
      content: "\e79e"
    }

    .el-icon-place:before {
      content: "\e709"
    }

    .el-icon-discover:before {
      content: "\e70a"
    }

    .el-icon-first-aid-kit:before {
      content: "\e70b"
    }

    .el-icon-trophy-1:before {
      content: "\e70c"
    }

    .el-icon-trophy:before {
      content: "\e70d"
    }

    .el-icon-medal:before {
      content: "\e70e"
    }

    .el-icon-medal-1:before {
      content: "\e70f"
    }

    .el-icon-stopwatch:before {
      content: "\e710"
    }

    .el-icon-mic:before {
      content: "\e711"
    }

    .el-icon-copy-document:before {
      content: "\e718"
    }

    .el-icon-full-screen:before {
      content: "\e719"
    }

    .el-icon-switch-button:before {
      content: "\e71b"
    }

    .el-icon-aim:before {
      content: "\e71c"
    }

    .el-icon-crop:before {
      content: "\e71d"
    }

    .el-icon-odometer:before {
      content: "\e71e"
    }

    .el-icon-time:before {
      content: "\e71f"
    }

    .el-icon-bangzhu:before {
      content: "\e724"
    }

    .el-icon-close-notification:before {
      content: "\e726"
    }

    .el-icon-microphone:before {
      content: "\e727"
    }

    .el-icon-turn-off-microphone:before {
      content: "\e728"
    }

    .el-icon-position:before {
      content: "\e729"
    }

    .el-icon-postcard:before {
      content: "\e72a"
    }

    .el-icon-message:before {
      content: "\e72b"
    }

    .el-icon-chat-line-square:before {
      content: "\e72d"
    }

    .el-icon-chat-dot-square:before {
      content: "\e72e"
    }

    .el-icon-chat-dot-round:before {
      content: "\e72f"
    }

    .el-icon-chat-square:before {
      content: "\e730"
    }

    .el-icon-chat-line-round:before {
      content: "\e731"
    }

    .el-icon-chat-round:before {
      content: "\e732"
    }

    .el-icon-set-up:before {
      content: "\e733"
    }

    .el-icon-turn-off:before {
      content: "\e734"
    }

    .el-icon-open:before {
      content: "\e735"
    }

    .el-icon-connection:before {
      content: "\e736"
    }

    .el-icon-link:before {
      content: "\e737"
    }

    .el-icon-cpu:before {
      content: "\e738"
    }

    .el-icon-thumb:before {
      content: "\e739"
    }

    .el-icon-female:before {
      content: "\e73a"
    }

    .el-icon-male:before {
      content: "\e73b"
    }

    .el-icon-guide:before {
      content: "\e73c"
    }

    .el-icon-news:before {
      content: "\e73e"
    }

    .el-icon-price-tag:before {
      content: "\e744"
    }

    .el-icon-discount:before {
      content: "\e745"
    }

    .el-icon-wallet:before {
      content: "\e747"
    }

    .el-icon-coin:before {
      content: "\e748"
    }

    .el-icon-money:before {
      content: "\e749"
    }

    .el-icon-bank-card:before {
      content: "\e74a"
    }

    .el-icon-box:before {
      content: "\e74b"
    }

    .el-icon-present:before {
      content: "\e74c"
    }

    .el-icon-sell:before {
      content: "\e6d5"
    }

    .el-icon-sold-out:before {
      content: "\e6d6"
    }

    .el-icon-shopping-bag-2:before {
      content: "\e74d"
    }

    .el-icon-shopping-bag-1:before {
      content: "\e74e"
    }

    .el-icon-shopping-cart-2:before {
      content: "\e74f"
    }

    .el-icon-shopping-cart-1:before {
      content: "\e750"
    }

    .el-icon-shopping-cart-full:before {
      content: "\e751"
    }

    .el-icon-smoking:before {
      content: "\e752"
    }

    .el-icon-no-smoking:before {
      content: "\e753"
    }

    .el-icon-house:before {
      content: "\e754"
    }

    .el-icon-table-lamp:before {
      content: "\e755"
    }

    .el-icon-school:before {
      content: "\e756"
    }

    .el-icon-office-building:before {
      content: "\e757"
    }

    .el-icon-toilet-paper:before {
      content: "\e758"
    }

    .el-icon-notebook-2:before {
      content: "\e759"
    }

    .el-icon-notebook-1:before {
      content: "\e75a"
    }

    .el-icon-files:before {
      content: "\e75b"
    }

    .el-icon-collection:before {
      content: "\e75c"
    }

    .el-icon-receiving:before {
      content: "\e75d"
    }

    .el-icon-suitcase-1:before {
      content: "\e760"
    }

    .el-icon-suitcase:before {
      content: "\e761"
    }

    .el-icon-film:before {
      content: "\e763"
    }

    .el-icon-collection-tag:before {
      content: "\e765"
    }

    .el-icon-data-analysis:before {
      content: "\e766"
    }

    .el-icon-pie-chart:before {
      content: "\e767"
    }

    .el-icon-data-board:before {
      content: "\e768"
    }

    .el-icon-data-line:before {
      content: "\e76d"
    }

    .el-icon-reading:before {
      content: "\e769"
    }

    .el-icon-magic-stick:before {
      content: "\e76a"
    }

    .el-icon-coordinate:before {
      content: "\e76b"
    }

    .el-icon-mouse:before {
      content: "\e76c"
    }

    .el-icon-brush:before {
      content: "\e76e"
    }

    .el-icon-headset:before {
      content: "\e76f"
    }

    .el-icon-umbrella:before {
      content: "\e770"
    }

    .el-icon-scissors:before {
      content: "\e771"
    }

    .el-icon-mobile:before {
      content: "\e773"
    }

    .el-icon-attract:before {
      content: "\e774"
    }

    .el-icon-monitor:before {
      content: "\e775"
    }

    .el-icon-search:before {
      content: "\e778"
    }

    .el-icon-takeaway-box:before {
      content: "\e77a"
    }

    .el-icon-paperclip:before {
      content: "\e77d"
    }

    .el-icon-printer:before {
      content: "\e77e"
    }

    .el-icon-document-add:before {
      content: "\e782"
    }

    .el-icon-document:before {
      content: "\e785"
    }

    .el-icon-document-checked:before {
      content: "\e786"
    }

    .el-icon-document-copy:before {
      content: "\e787"
    }

    .el-icon-document-delete:before {
      content: "\e788"
    }

    .el-icon-document-remove:before {
      content: "\e789"
    }

    .el-icon-tickets:before {
      content: "\e78b"
    }

    .el-icon-folder-checked:before {
      content: "\e77f"
    }

    .el-icon-folder-delete:before {
      content: "\e780"
    }

    .el-icon-folder-remove:before {
      content: "\e781"
    }

    .el-icon-folder-add:before {
      content: "\e783"
    }

    .el-icon-folder-opened:before {
      content: "\e784"
    }

    .el-icon-folder:before {
      content: "\e78a"
    }

    .el-icon-edit-outline:before {
      content: "\e764"
    }

    .el-icon-edit:before {
      content: "\e78c"
    }

    .el-icon-date:before {
      content: "\e78e"
    }

    .el-icon-c-scale-to-original:before {
      content: "\e7c6"
    }

    .el-icon-view:before {
      content: "\e6ce"
    }

    .el-icon-loading:before {
      content: "\e6cf"
    }

    .el-icon-rank:before {
      content: "\e6d1"
    }

    .el-icon-sort-down:before {
      content: "\e7c4"
    }

    .el-icon-sort-up:before {
      content: "\e7c5"
    }

    .el-icon-sort:before {
      content: "\e6d2"
    }

    .el-icon-finished:before {
      content: "\e6cd"
    }

    .el-icon-refresh-left:before {
      content: "\e6c7"
    }

    .el-icon-refresh-right:before {
      content: "\e6c8"
    }

    .el-icon-refresh:before {
      content: "\e6d0"
    }

    .el-icon-video-play:before {
      content: "\e7c0"
    }

    .el-icon-video-pause:before {
      content: "\e7c1"
    }

    .el-icon-d-arrow-right:before {
      content: "\e6dc"
    }

    .el-icon-d-arrow-left:before {
      content: "\e6dd"
    }

    .el-icon-arrow-up:before {
      content: "\e6e1"
    }

    .el-icon-arrow-down:before {
      content: "\e6df"
    }

    .el-icon-arrow-right:before {
      content: "\e6e0"
    }

    .el-icon-arrow-left:before {
      content: "\e6de"
    }

    .el-icon-top-right:before {
      content: "\e6e7"
    }

    .el-icon-top-left:before {
      content: "\e6e8"
    }

    .el-icon-top:before {
      content: "\e6e6"
    }

    .el-icon-bottom:before {
      content: "\e6eb"
    }

    .el-icon-right:before {
      content: "\e6e9"
    }

    .el-icon-back:before {
      content: "\e6ea"
    }

    .el-icon-bottom-right:before {
      content: "\e6ec"
    }

    .el-icon-bottom-left:before {
      content: "\e6ed"
    }

    .el-icon-caret-top:before {
      content: "\e78f"
    }

    .el-icon-caret-bottom:before {
      content: "\e790"
    }

    .el-icon-caret-right:before {
      content: "\e791"
    }

    .el-icon-caret-left:before {
      content: "\e792"
    }

    .el-icon-d-caret:before {
      content: "\e79a"
    }

    .el-icon-share:before {
      content: "\e793"
    }

    .el-icon-menu:before {
      content: "\e798"
    }

    .el-icon-s-grid:before {
      content: "\e7a6"
    }

    .el-icon-s-check:before {
      content: "\e7a7"
    }

    .el-icon-s-data:before {
      content: "\e7a8"
    }

    .el-icon-s-opportunity:before {
      content: "\e7aa"
    }

    .el-icon-s-custom:before {
      content: "\e7ab"
    }

    .el-icon-s-claim:before {
      content: "\e7ad"
    }

    .el-icon-s-finance:before {
      content: "\e7ae"
    }

    .el-icon-s-comment:before {
      content: "\e7af"
    }

    .el-icon-s-flag:before {
      content: "\e7b0"
    }

    .el-icon-s-marketing:before {
      content: "\e7b1"
    }

    .el-icon-s-shop:before {
      content: "\e7b4"
    }

    .el-icon-s-open:before {
      content: "\e7b5"
    }

    .el-icon-s-management:before {
      content: "\e7b6"
    }

    .el-icon-s-ticket:before {
      content: "\e7b7"
    }

    .el-icon-s-release:before {
      content: "\e7b8"
    }

    .el-icon-s-home:before {
      content: "\e7b9"
    }

    .el-icon-s-promotion:before {
      content: "\e7ba"
    }

    .el-icon-s-operation:before {
      content: "\e7bb"
    }

    .el-icon-s-unfold:before {
      content: "\e7bc"
    }

    .el-icon-s-fold:before {
      content: "\e7a9"
    }

    .el-icon-s-platform:before {
      content: "\e7bd"
    }

    .el-icon-s-order:before {
      content: "\e7be"
    }

    .el-icon-s-cooperation:before {
      content: "\e7bf"
    }

    .el-icon-bell:before {
      content: "\e725"
    }

    .el-icon-message-solid:before {
      content: "\e799"
    }

    .el-icon-video-camera:before {
      content: "\e772"
    }

    .el-icon-video-camera-solid:before {
      content: "\e796"
    }

    .el-icon-camera:before {
      content: "\e779"
    }

    .el-icon-camera-solid:before {
      content: "\e79b"
    }

    .el-icon-download:before {
      content: "\e77c"
    }

    .el-icon-upload2:before {
      content: "\e77b"
    }

    .el-icon-upload:before {
      content: "\e7c3"
    }

    .el-icon-picture-outline-round:before {
      content: "\e75f"
    }

    .el-icon-picture-outline:before {
      content: "\e75e"
    }

    .el-icon-picture:before {
      content: "\e79f"
    }

    .el-icon-close:before {
      content: "\e6db"
    }

    .el-icon-check:before {
      content: "\e6da"
    }

    .el-icon-plus:before {
      content: "\e6d9"
    }

    .el-icon-minus:before {
      content: "\e6d8"
    }

    .el-icon-help:before {
      content: "\e73d"
    }

    .el-icon-s-help:before {
      content: "\e7b3"
    }

    .el-icon-circle-close:before {
      content: "\e78d"
    }

    .el-icon-circle-check:before {
      content: "\e720"
    }

    .el-icon-circle-plus-outline:before {
      content: "\e723"
    }

    .el-icon-remove-outline:before {
      content: "\e722"
    }

    .el-icon-zoom-out:before {
      content: "\e776"
    }

    .el-icon-zoom-in:before {
      content: "\e777"
    }

    .el-icon-error:before {
      content: "\e79d"
    }

    .el-icon-success:before {
      content: "\e79c"
    }

    .el-icon-circle-plus:before {
      content: "\e7a0"
    }

    .el-icon-remove:before {
      content: "\e7a2"
    }

    .el-icon-info:before {
      content: "\e7a1"
    }

    .el-icon-question:before {
      content: "\e7a4"
    }

    .el-icon-warning-outline:before {
      content: "\e6c9"
    }

    .el-icon-warning:before {
      content: "\e7a3"
    }

    .el-icon-goods:before {
      content: "\e7c2"
    }

    .el-icon-s-goods:before {
      content: "\e7b2"
    }

    .el-icon-star-off:before {
      content: "\e717"
    }

    .el-icon-star-on:before {
      content: "\e797"
    }

    .el-icon-more-outline:before {
      content: "\e6cc"
    }

    .el-icon-more:before {
      content: "\e794"
    }

    .el-icon-phone-outline:before {
      content: "\e6cb"
    }

    .el-icon-phone:before {
      content: "\e795"
    }

    .el-icon-user:before {
      content: "\e6e3"
    }

    .el-icon-user-solid:before {
      content: "\e7a5"
    }

    .el-icon-setting:before {
      content: "\e6ca"
    }

    .el-icon-s-tools:before {
      content: "\e7ac"
    }

    .el-icon-delete:before {
      content: "\e6d7"
    }

    .el-icon-delete-solid:before {
      content: "\e7c9"
    }

    .el-icon-eleme:before {
      content: "\e7c7"
    }

    .el-icon-platform-eleme:before {
      content: "\e7ca"
    }

    .el-icon-loading {
      -webkit-animation: rotating 2s linear infinite;
      animation: rotating 2s linear infinite
    }

    .el-icon--right {
      margin-left: 5px
    }

    .el-icon--left {
      margin-right: 5px
    }

    @-webkit-keyframes rotating {
      0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
      }

      100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
      }
    }

    @keyframes rotating {
      0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
      }

      100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
      }
    }
  </style>
  <style>
    .fade-in-linear-enter-active,
    .fade-in-linear-leave-active {
      -webkit-transition: opacity .2s linear;
      transition: opacity .2s linear
    }

    .fade-in-linear-enter,
    .fade-in-linear-leave,
    .fade-in-linear-leave-active {
      opacity: 0
    }

    .el-fade-in-linear-enter-active,
    .el-fade-in-linear-leave-active {
      -webkit-transition: opacity .2s linear;
      transition: opacity .2s linear
    }

    .el-fade-in-linear-enter,
    .el-fade-in-linear-leave,
    .el-fade-in-linear-leave-active {
      opacity: 0
    }

    .el-fade-in-enter-active,
    .el-fade-in-leave-active {
      -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
      transition: all .3s cubic-bezier(.55, 0, .1, 1)
    }

    .el-fade-in-enter,
    .el-fade-in-leave-active {
      opacity: 0
    }

    .el-zoom-in-center-enter-active,
    .el-zoom-in-center-leave-active {
      -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
      transition: all .3s cubic-bezier(.55, 0, .1, 1)
    }

    .el-zoom-in-center-enter,
    .el-zoom-in-center-leave-active {
      opacity: 0;
      -webkit-transform: scaleX(0);
      transform: scaleX(0)
    }

    .el-zoom-in-top-enter-active,
    .el-zoom-in-top-leave-active {
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      -webkit-transform-origin: center top;
      transform-origin: center top
    }

    .el-zoom-in-top-enter,
    .el-zoom-in-top-leave-active {
      opacity: 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }

    .el-zoom-in-bottom-enter-active,
    .el-zoom-in-bottom-leave-active {
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom
    }

    .el-zoom-in-bottom-enter,
    .el-zoom-in-bottom-leave-active {
      opacity: 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
    }

    .el-zoom-in-left-enter-active,
    .el-zoom-in-left-leave-active {
      opacity: 1;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
      transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
      -webkit-transform-origin: top left;
      transform-origin: top left
    }

    .el-zoom-in-left-enter,
    .el-zoom-in-left-leave-active {
      opacity: 0;
      -webkit-transform: scale(.45, .45);
      transform: scale(.45, .45)
    }

    .collapse-transition {
      -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
      transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out
    }

    .horizontal-collapse-transition {
      -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
      transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out
    }

    .el-list-enter-active,
    .el-list-leave-active {
      -webkit-transition: all 1s;
      transition: all 1s
    }

    .el-list-enter,
    .el-list-leave-active {
      opacity: 0;
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px)
    }

    .el-opacity-transition {
      -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
      transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
    }

    @font-face {
      font-family: element-icons;
      src: url(/img/element-icons.535877f5.woff) format("woff"), url(/img/element-icons.732389de.ttf) format("truetype");
      font-weight: 400;
      font-display: "auto";
      font-style: normal
    }

    [class*=" el-icon-"],
    [class^=el-icon-] {
      font-family: element-icons !important;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: baseline;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .el-icon-ice-cream-round:before {
      content: "\e6a0"
    }

    .el-icon-ice-cream-square:before {
      content: "\e6a3"
    }

    .el-icon-lollipop:before {
      content: "\e6a4"
    }

    .el-icon-potato-strips:before {
      content: "\e6a5"
    }

    .el-icon-milk-tea:before {
      content: "\e6a6"
    }

    .el-icon-ice-drink:before {
      content: "\e6a7"
    }

    .el-icon-ice-tea:before {
      content: "\e6a9"
    }

    .el-icon-coffee:before {
      content: "\e6aa"
    }

    .el-icon-orange:before {
      content: "\e6ab"
    }

    .el-icon-pear:before {
      content: "\e6ac"
    }

    .el-icon-apple:before {
      content: "\e6ad"
    }

    .el-icon-cherry:before {
      content: "\e6ae"
    }

    .el-icon-watermelon:before {
      content: "\e6af"
    }

    .el-icon-grape:before {
      content: "\e6b0"
    }

    .el-icon-refrigerator:before {
      content: "\e6b1"
    }

    .el-icon-goblet-square-full:before {
      content: "\e6b2"
    }

    .el-icon-goblet-square:before {
      content: "\e6b3"
    }

    .el-icon-goblet-full:before {
      content: "\e6b4"
    }

    .el-icon-goblet:before {
      content: "\e6b5"
    }

    .el-icon-cold-drink:before {
      content: "\e6b6"
    }

    .el-icon-coffee-cup:before {
      content: "\e6b8"
    }

    .el-icon-water-cup:before {
      content: "\e6b9"
    }

    .el-icon-hot-water:before {
      content: "\e6ba"
    }

    .el-icon-ice-cream:before {
      content: "\e6bb"
    }

    .el-icon-dessert:before {
      content: "\e6bc"
    }

    .el-icon-sugar:before {
      content: "\e6bd"
    }

    .el-icon-tableware:before {
      content: "\e6be"
    }

    .el-icon-burger:before {
      content: "\e6bf"
    }

    .el-icon-knife-fork:before {
      content: "\e6c1"
    }

    .el-icon-fork-spoon:before {
      content: "\e6c2"
    }

    .el-icon-chicken:before {
      content: "\e6c3"
    }

    .el-icon-food:before {
      content: "\e6c4"
    }

    .el-icon-dish-1:before {
      content: "\e6c5"
    }

    .el-icon-dish:before {
      content: "\e6c6"
    }

    .el-icon-moon-night:before {
      content: "\e6ee"
    }

    .el-icon-moon:before {
      content: "\e6f0"
    }

    .el-icon-cloudy-and-sunny:before {
      content: "\e6f1"
    }

    .el-icon-partly-cloudy:before {
      content: "\e6f2"
    }

    .el-icon-cloudy:before {
      content: "\e6f3"
    }

    .el-icon-sunny:before {
      content: "\e6f6"
    }

    .el-icon-sunset:before {
      content: "\e6f7"
    }

    .el-icon-sunrise-1:before {
      content: "\e6f8"
    }

    .el-icon-sunrise:before {
      content: "\e6f9"
    }

    .el-icon-heavy-rain:before {
      content: "\e6fa"
    }

    .el-icon-lightning:before {
      content: "\e6fb"
    }

    .el-icon-light-rain:before {
      content: "\e6fc"
    }

    .el-icon-wind-power:before {
      content: "\e6fd"
    }

    .el-icon-baseball:before {
      content: "\e712"
    }

    .el-icon-soccer:before {
      content: "\e713"
    }

    .el-icon-football:before {
      content: "\e715"
    }

    .el-icon-basketball:before {
      content: "\e716"
    }

    .el-icon-ship:before {
      content: "\e73f"
    }

    .el-icon-truck:before {
      content: "\e740"
    }

    .el-icon-bicycle:before {
      content: "\e741"
    }

    .el-icon-mobile-phone:before {
      content: "\e6d3"
    }

    .el-icon-service:before {
      content: "\e6d4"
    }

    .el-icon-key:before {
      content: "\e6e2"
    }

    .el-icon-unlock:before {
      content: "\e6e4"
    }

    .el-icon-lock:before {
      content: "\e6e5"
    }

    .el-icon-watch:before {
      content: "\e6fe"
    }

    .el-icon-watch-1:before {
      content: "\e6ff"
    }

    .el-icon-timer:before {
      content: "\e702"
    }

    .el-icon-alarm-clock:before {
      content: "\e703"
    }

    .el-icon-map-location:before {
      content: "\e704"
    }

    .el-icon-delete-location:before {
      content: "\e705"
    }

    .el-icon-add-location:before {
      content: "\e706"
    }

    .el-icon-location-information:before {
      content: "\e707"
    }

    .el-icon-location-outline:before {
      content: "\e708"
    }

    .el-icon-location:before {
      content: "\e79e"
    }

    .el-icon-place:before {
      content: "\e709"
    }

    .el-icon-discover:before {
      content: "\e70a"
    }

    .el-icon-first-aid-kit:before {
      content: "\e70b"
    }

    .el-icon-trophy-1:before {
      content: "\e70c"
    }

    .el-icon-trophy:before {
      content: "\e70d"
    }

    .el-icon-medal:before {
      content: "\e70e"
    }

    .el-icon-medal-1:before {
      content: "\e70f"
    }

    .el-icon-stopwatch:before {
      content: "\e710"
    }

    .el-icon-mic:before {
      content: "\e711"
    }

    .el-icon-copy-document:before {
      content: "\e718"
    }

    .el-icon-full-screen:before {
      content: "\e719"
    }

    .el-icon-switch-button:before {
      content: "\e71b"
    }

    .el-icon-aim:before {
      content: "\e71c"
    }

    .el-icon-crop:before {
      content: "\e71d"
    }

    .el-icon-odometer:before {
      content: "\e71e"
    }

    .el-icon-time:before {
      content: "\e71f"
    }

    .el-icon-bangzhu:before {
      content: "\e724"
    }

    .el-icon-close-notification:before {
      content: "\e726"
    }

    .el-icon-microphone:before {
      content: "\e727"
    }

    .el-icon-turn-off-microphone:before {
      content: "\e728"
    }

    .el-icon-position:before {
      content: "\e729"
    }

    .el-icon-postcard:before {
      content: "\e72a"
    }

    .el-icon-message:before {
      content: "\e72b"
    }

    .el-icon-chat-line-square:before {
      content: "\e72d"
    }

    .el-icon-chat-dot-square:before {
      content: "\e72e"
    }

    .el-icon-chat-dot-round:before {
      content: "\e72f"
    }

    .el-icon-chat-square:before {
      content: "\e730"
    }

    .el-icon-chat-line-round:before {
      content: "\e731"
    }

    .el-icon-chat-round:before {
      content: "\e732"
    }

    .el-icon-set-up:before {
      content: "\e733"
    }

    .el-icon-turn-off:before {
      content: "\e734"
    }

    .el-icon-open:before {
      content: "\e735"
    }

    .el-icon-connection:before {
      content: "\e736"
    }

    .el-icon-link:before {
      content: "\e737"
    }

    .el-icon-cpu:before {
      content: "\e738"
    }

    .el-icon-thumb:before {
      content: "\e739"
    }

    .el-icon-female:before {
      content: "\e73a"
    }

    .el-icon-male:before {
      content: "\e73b"
    }

    .el-icon-guide:before {
      content: "\e73c"
    }

    .el-icon-news:before {
      content: "\e73e"
    }

    .el-icon-price-tag:before {
      content: "\e744"
    }

    .el-icon-discount:before {
      content: "\e745"
    }

    .el-icon-wallet:before {
      content: "\e747"
    }

    .el-icon-coin:before {
      content: "\e748"
    }

    .el-icon-money:before {
      content: "\e749"
    }

    .el-icon-bank-card:before {
      content: "\e74a"
    }

    .el-icon-box:before {
      content: "\e74b"
    }

    .el-icon-present:before {
      content: "\e74c"
    }

    .el-icon-sell:before {
      content: "\e6d5"
    }

    .el-icon-sold-out:before {
      content: "\e6d6"
    }

    .el-icon-shopping-bag-2:before {
      content: "\e74d"
    }

    .el-icon-shopping-bag-1:before {
      content: "\e74e"
    }

    .el-icon-shopping-cart-2:before {
      content: "\e74f"
    }

    .el-icon-shopping-cart-1:before {
      content: "\e750"
    }

    .el-icon-shopping-cart-full:before {
      content: "\e751"
    }

    .el-icon-smoking:before {
      content: "\e752"
    }

    .el-icon-no-smoking:before {
      content: "\e753"
    }

    .el-icon-house:before {
      content: "\e754"
    }

    .el-icon-table-lamp:before {
      content: "\e755"
    }

    .el-icon-school:before {
      content: "\e756"
    }

    .el-icon-office-building:before {
      content: "\e757"
    }

    .el-icon-toilet-paper:before {
      content: "\e758"
    }

    .el-icon-notebook-2:before {
      content: "\e759"
    }

    .el-icon-notebook-1:before {
      content: "\e75a"
    }

    .el-icon-files:before {
      content: "\e75b"
    }

    .el-icon-collection:before {
      content: "\e75c"
    }

    .el-icon-receiving:before {
      content: "\e75d"
    }

    .el-icon-suitcase-1:before {
      content: "\e760"
    }

    .el-icon-suitcase:before {
      content: "\e761"
    }

    .el-icon-film:before {
      content: "\e763"
    }

    .el-icon-collection-tag:before {
      content: "\e765"
    }

    .el-icon-data-analysis:before {
      content: "\e766"
    }

    .el-icon-pie-chart:before {
      content: "\e767"
    }

    .el-icon-data-board:before {
      content: "\e768"
    }

    .el-icon-data-line:before {
      content: "\e76d"
    }

    .el-icon-reading:before {
      content: "\e769"
    }

    .el-icon-magic-stick:before {
      content: "\e76a"
    }

    .el-icon-coordinate:before {
      content: "\e76b"
    }

    .el-icon-mouse:before {
      content: "\e76c"
    }

    .el-icon-brush:before {
      content: "\e76e"
    }

    .el-icon-headset:before {
      content: "\e76f"
    }

    .el-icon-umbrella:before {
      content: "\e770"
    }

    .el-icon-scissors:before {
      content: "\e771"
    }

    .el-icon-mobile:before {
      content: "\e773"
    }

    .el-icon-attract:before {
      content: "\e774"
    }

    .el-icon-monitor:before {
      content: "\e775"
    }

    .el-icon-search:before {
      content: "\e778"
    }

    .el-icon-takeaway-box:before {
      content: "\e77a"
    }

    .el-icon-paperclip:before {
      content: "\e77d"
    }

    .el-icon-printer:before {
      content: "\e77e"
    }

    .el-icon-document-add:before {
      content: "\e782"
    }

    .el-icon-document:before {
      content: "\e785"
    }

    .el-icon-document-checked:before {
      content: "\e786"
    }

    .el-icon-document-copy:before {
      content: "\e787"
    }

    .el-icon-document-delete:before {
      content: "\e788"
    }

    .el-icon-document-remove:before {
      content: "\e789"
    }

    .el-icon-tickets:before {
      content: "\e78b"
    }

    .el-icon-folder-checked:before {
      content: "\e77f"
    }

    .el-icon-folder-delete:before {
      content: "\e780"
    }

    .el-icon-folder-remove:before {
      content: "\e781"
    }

    .el-icon-folder-add:before {
      content: "\e783"
    }

    .el-icon-folder-opened:before {
      content: "\e784"
    }

    .el-icon-folder:before {
      content: "\e78a"
    }

    .el-icon-edit-outline:before {
      content: "\e764"
    }

    .el-icon-edit:before {
      content: "\e78c"
    }

    .el-icon-date:before {
      content: "\e78e"
    }

    .el-icon-c-scale-to-original:before {
      content: "\e7c6"
    }

    .el-icon-view:before {
      content: "\e6ce"
    }

    .el-icon-loading:before {
      content: "\e6cf"
    }

    .el-icon-rank:before {
      content: "\e6d1"
    }

    .el-icon-sort-down:before {
      content: "\e7c4"
    }

    .el-icon-sort-up:before {
      content: "\e7c5"
    }

    .el-icon-sort:before {
      content: "\e6d2"
    }

    .el-icon-finished:before {
      content: "\e6cd"
    }

    .el-icon-refresh-left:before {
      content: "\e6c7"
    }

    .el-icon-refresh-right:before {
      content: "\e6c8"
    }

    .el-icon-refresh:before {
      content: "\e6d0"
    }

    .el-icon-video-play:before {
      content: "\e7c0"
    }

    .el-icon-video-pause:before {
      content: "\e7c1"
    }

    .el-icon-d-arrow-right:before {
      content: "\e6dc"
    }

    .el-icon-d-arrow-left:before {
      content: "\e6dd"
    }

    .el-icon-arrow-up:before {
      content: "\e6e1"
    }

    .el-icon-arrow-down:before {
      content: "\e6df"
    }

    .el-icon-arrow-right:before {
      content: "\e6e0"
    }

    .el-icon-arrow-left:before {
      content: "\e6de"
    }

    .el-icon-top-right:before {
      content: "\e6e7"
    }

    .el-icon-top-left:before {
      content: "\e6e8"
    }

    .el-icon-top:before {
      content: "\e6e6"
    }

    .el-icon-bottom:before {
      content: "\e6eb"
    }

    .el-icon-right:before {
      content: "\e6e9"
    }

    .el-icon-back:before {
      content: "\e6ea"
    }

    .el-icon-bottom-right:before {
      content: "\e6ec"
    }

    .el-icon-bottom-left:before {
      content: "\e6ed"
    }

    .el-icon-caret-top:before {
      content: "\e78f"
    }

    .el-icon-caret-bottom:before {
      content: "\e790"
    }

    .el-icon-caret-right:before {
      content: "\e791"
    }

    .el-icon-caret-left:before {
      content: "\e792"
    }

    .el-icon-d-caret:before {
      content: "\e79a"
    }

    .el-icon-share:before {
      content: "\e793"
    }

    .el-icon-menu:before {
      content: "\e798"
    }

    .el-icon-s-grid:before {
      content: "\e7a6"
    }

    .el-icon-s-check:before {
      content: "\e7a7"
    }

    .el-icon-s-data:before {
      content: "\e7a8"
    }

    .el-icon-s-opportunity:before {
      content: "\e7aa"
    }

    .el-icon-s-custom:before {
      content: "\e7ab"
    }

    .el-icon-s-claim:before {
      content: "\e7ad"
    }

    .el-icon-s-finance:before {
      content: "\e7ae"
    }

    .el-icon-s-comment:before {
      content: "\e7af"
    }

    .el-icon-s-flag:before {
      content: "\e7b0"
    }

    .el-icon-s-marketing:before {
      content: "\e7b1"
    }

    .el-icon-s-shop:before {
      content: "\e7b4"
    }

    .el-icon-s-open:before {
      content: "\e7b5"
    }

    .el-icon-s-management:before {
      content: "\e7b6"
    }

    .el-icon-s-ticket:before {
      content: "\e7b7"
    }

    .el-icon-s-release:before {
      content: "\e7b8"
    }

    .el-icon-s-home:before {
      content: "\e7b9"
    }

    .el-icon-s-promotion:before {
      content: "\e7ba"
    }

    .el-icon-s-operation:before {
      content: "\e7bb"
    }

    .el-icon-s-unfold:before {
      content: "\e7bc"
    }

    .el-icon-s-fold:before {
      content: "\e7a9"
    }

    .el-icon-s-platform:before {
      content: "\e7bd"
    }

    .el-icon-s-order:before {
      content: "\e7be"
    }

    .el-icon-s-cooperation:before {
      content: "\e7bf"
    }

    .el-icon-bell:before {
      content: "\e725"
    }

    .el-icon-message-solid:before {
      content: "\e799"
    }

    .el-icon-video-camera:before {
      content: "\e772"
    }

    .el-icon-video-camera-solid:before {
      content: "\e796"
    }

    .el-icon-camera:before {
      content: "\e779"
    }

    .el-icon-camera-solid:before {
      content: "\e79b"
    }

    .el-icon-download:before {
      content: "\e77c"
    }

    .el-icon-upload2:before {
      content: "\e77b"
    }

    .el-icon-upload:before {
      content: "\e7c3"
    }

    .el-icon-picture-outline-round:before {
      content: "\e75f"
    }

    .el-icon-picture-outline:before {
      content: "\e75e"
    }

    .el-icon-picture:before {
      content: "\e79f"
    }

    .el-icon-close:before {
      content: "\e6db"
    }

    .el-icon-check:before {
      content: "\e6da"
    }

    .el-icon-plus:before {
      content: "\e6d9"
    }

    .el-icon-minus:before {
      content: "\e6d8"
    }

    .el-icon-help:before {
      content: "\e73d"
    }

    .el-icon-s-help:before {
      content: "\e7b3"
    }

    .el-icon-circle-close:before {
      content: "\e78d"
    }

    .el-icon-circle-check:before {
      content: "\e720"
    }

    .el-icon-circle-plus-outline:before {
      content: "\e723"
    }

    .el-icon-remove-outline:before {
      content: "\e722"
    }

    .el-icon-zoom-out:before {
      content: "\e776"
    }

    .el-icon-zoom-in:before {
      content: "\e777"
    }

    .el-icon-error:before {
      content: "\e79d"
    }

    .el-icon-success:before {
      content: "\e79c"
    }

    .el-icon-circle-plus:before {
      content: "\e7a0"
    }

    .el-icon-remove:before {
      content: "\e7a2"
    }

    .el-icon-info:before {
      content: "\e7a1"
    }

    .el-icon-question:before {
      content: "\e7a4"
    }

    .el-icon-warning-outline:before {
      content: "\e6c9"
    }

    .el-icon-warning:before {
      content: "\e7a3"
    }

    .el-icon-goods:before {
      content: "\e7c2"
    }

    .el-icon-s-goods:before {
      content: "\e7b2"
    }

    .el-icon-star-off:before {
      content: "\e717"
    }

    .el-icon-star-on:before {
      content: "\e797"
    }

    .el-icon-more-outline:before {
      content: "\e6cc"
    }

    .el-icon-more:before {
      content: "\e794"
    }

    .el-icon-phone-outline:before {
      content: "\e6cb"
    }

    .el-icon-phone:before {
      content: "\e795"
    }

    .el-icon-user:before {
      content: "\e6e3"
    }

    .el-icon-user-solid:before {
      content: "\e7a5"
    }

    .el-icon-setting:before {
      content: "\e6ca"
    }

    .el-icon-s-tools:before {
      content: "\e7ac"
    }

    .el-icon-delete:before {
      content: "\e6d7"
    }

    .el-icon-delete-solid:before {
      content: "\e7c9"
    }

    .el-icon-eleme:before {
      content: "\e7c7"
    }

    .el-icon-platform-eleme:before {
      content: "\e7ca"
    }

    .el-icon-loading {
      -webkit-animation: rotating 2s linear infinite;
      animation: rotating 2s linear infinite
    }

    .el-icon--right {
      margin-left: 5px
    }

    .el-icon--left {
      margin-right: 5px
    }

    @-webkit-keyframes rotating {
      0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
      }

      100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
      }
    }

    @keyframes rotating {
      0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
      }

      100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
      }
    }
  </style>
  <style>
    .el-input__inner,
    .el-textarea__inner {
      background-image: none;
      -webkit-box-sizing: border-box;
      -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-textarea {
      position: relative;
      display: inline-block;
      width: 100%;
      vertical-align: bottom;
      font-size: 14px
    }

    .el-textarea__inner {
      display: block;
      resize: vertical;
      padding: 5px 15px;
      line-height: 1.5;
      box-sizing: border-box;
      width: 100%;
      font-size: inherit;
      color: #606266;
      background-color: #FFF;
      border: 1px solid #DCDFE6;
      border-radius: 4px;
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-textarea__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner::placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner:hover {
      border-color: #C0C4CC
    }

    .el-textarea__inner:focus {
      outline: 0;
      border-color: #409EFF
    }

    .el-textarea .el-input__count {
      color: #909399;
      background: #FFF;
      position: absolute;
      font-size: 12px;
      bottom: 5px;
      right: 10px
    }

    .el-textarea.is-disabled .el-textarea__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner::placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-exceed .el-textarea__inner {
      border-color: #F56C6C
    }

    .el-textarea.is-exceed .el-input__count {
      color: #F56C6C
    }

    .el-input {
      position: relative;
      font-size: 14px;
      display: inline-block;
      width: 100%
    }

    .el-input::-webkit-scrollbar {
      z-index: 11;
      width: 6px
    }

    .el-input::-webkit-scrollbar:horizontal {
      height: 6px
    }

    .el-input::-webkit-scrollbar-thumb {
      border-radius: 5px;
      width: 6px;
      background: #b4bccc
    }

    .el-input::-webkit-scrollbar-corner {
      background: #fff
    }

    .el-input::-webkit-scrollbar-track {
      background: #fff
    }

    .el-input::-webkit-scrollbar-track-piece {
      background: #fff;
      width: 6px
    }

    .el-input .el-input__clear {
      color: #C0C4CC;
      font-size: 14px;
      cursor: pointer;
      -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
      transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-input .el-input__clear:hover {
      color: #909399
    }

    .el-input .el-input__count {
      height: 100%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #909399;
      font-size: 12px
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-input,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-input,
    .el-input__inner {
      font-size: inherit
    }

    .el-input .el-input__count .el-input__count-inner {
      background: #FFF;
      line-height: initial;
      display: inline-block;
      padding: 0 5px
    }

    .el-input__inner {
      -webkit-appearance: none;
      background-color: #FFF;
      border-radius: 4px;
      border: 1px solid #DCDFE6;
      box-sizing: border-box;
      color: #606266;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      outline: 0;
      padding: 0 15px;
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      width: 100%
    }

    .el-input__prefix,
    .el-input__suffix {
      position: absolute;
      top: 0;
      -webkit-transition: all .3s;
      text-align: center;
      height: 100%;
      color: #C0C4CC
    }

    .el-input__inner::-ms-reveal {
      display: none
    }

    .el-input__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner::placeholder {
      color: #C0C4CC
    }

    .el-input__inner:hover {
      border-color: #C0C4CC
    }

    .el-input.is-active .el-input__inner,
    .el-input__inner:focus {
      border-color: #409EFF;
      outline: 0
    }

    .el-input__suffix {
      right: 5px;
      transition: all .3s;
      pointer-events: none
    }

    .el-input__suffix-inner {
      pointer-events: all
    }

    .el-input__prefix {
      left: 5px;
      transition: all .3s
    }

    .el-input__icon {
      height: 100%;
      width: 25px;
      text-align: center;
      -webkit-transition: all .3s;
      transition: all .3s;
      line-height: 40px
    }

    .el-input__icon:after {
      content: '';
      height: 100%;
      width: 0;
      display: inline-block;
      vertical-align: middle
    }

    .el-input__validateIcon {
      pointer-events: none
    }

    .el-input.is-disabled .el-input__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner::placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__icon {
      cursor: not-allowed
    }

    .el-input.is-exceed .el-input__inner {
      border-color: #F56C6C
    }

    .el-input.is-exceed .el-input__suffix .el-input__count {
      color: #F56C6C
    }

    .el-input--suffix .el-input__inner {
      padding-right: 30px
    }

    .el-input--prefix .el-input__inner {
      padding-left: 30px
    }

    .el-input--medium {
      font-size: 14px
    }

    .el-input--medium .el-input__inner {
      height: 36px;
      line-height: 36px
    }

    .el-input--medium .el-input__icon {
      line-height: 36px
    }

    .el-input--small {
      font-size: 13px
    }

    .el-input--small .el-input__inner {
      height: 32px;
      line-height: 32px
    }

    .el-input--small .el-input__icon {
      line-height: 32px
    }

    .el-input--mini {
      font-size: 12px
    }

    .el-input--mini .el-input__inner {
      height: 28px;
      line-height: 28px
    }

    .el-input--mini .el-input__icon {
      line-height: 28px
    }

    .el-input-group {
      line-height: normal;
      display: inline-table;
      width: 100%;
      border-collapse: separate;
      border-spacing: 0
    }

    .el-input-group>.el-input__inner {
      vertical-align: middle;
      display: table-cell
    }

    .el-input-group__append,
    .el-input-group__prepend {
      background-color: #F5F7FA;
      color: #909399;
      vertical-align: middle;
      display: table-cell;
      position: relative;
      border: 1px solid #DCDFE6;
      border-radius: 4px;
      padding: 0 20px;
      width: 1px;
      white-space: nowrap
    }

    .el-input-group--prepend .el-input__inner,
    .el-input-group__append {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    .el-input-group--append .el-input__inner,
    .el-input-group__prepend {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .el-input-group__append:focus,
    .el-input-group__prepend:focus {
      outline: 0
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-select,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-select {
      display: inline-block;
      margin: -10px -20px
    }

    .el-input-group__append button.el-button,
    .el-input-group__append div.el-select .el-input__inner,
    .el-input-group__append div.el-select:hover .el-input__inner,
    .el-input-group__prepend button.el-button,
    .el-input-group__prepend div.el-select .el-input__inner,
    .el-input-group__prepend div.el-select:hover .el-input__inner {
      border-color: transparent;
      background-color: transparent;
      color: inherit;
      border-top: 0;
      border-bottom: 0
    }

    .el-input-group__prepend {
      border-right: 0
    }

    .el-input-group__append {
      border-left: 0
    }

    .el-input-group--append .el-select .el-input.is-focus .el-input__inner,
    .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
      border-color: transparent
    }

    .el-input__inner::-ms-clear {
      display: none;
      width: 0;
      height: 0
    }
  </style>
  <style>
    .el-input__inner,
    .el-textarea__inner {
      -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-popper .popper__arrow,
    .el-popper .popper__arrow::after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid
    }

    .el-popper .popper__arrow {
      border-width: 6px;
      -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
      filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
    }

    .el-popper .popper__arrow::after {
      content: " ";
      border-width: 6px
    }

    .el-popper[x-placement^=top] {
      margin-bottom: 12px
    }

    .el-popper[x-placement^=top] .popper__arrow {
      bottom: -6px;
      left: 50%;
      margin-right: 3px;
      border-top-color: #EBEEF5;
      border-bottom-width: 0
    }

    .el-popper[x-placement^=top] .popper__arrow::after {
      bottom: 1px;
      margin-left: -6px;
      border-top-color: #FFF;
      border-bottom-width: 0
    }

    .el-popper[x-placement^=bottom] {
      margin-top: 12px
    }

    .el-popper[x-placement^=bottom] .popper__arrow {
      top: -6px;
      left: 50%;
      margin-right: 3px;
      border-top-width: 0;
      border-bottom-color: #EBEEF5
    }

    .el-popper[x-placement^=bottom] .popper__arrow::after {
      top: 1px;
      margin-left: -6px;
      border-top-width: 0;
      border-bottom-color: #FFF
    }

    .el-popper[x-placement^=right] {
      margin-left: 12px
    }

    .el-popper[x-placement^=right] .popper__arrow {
      top: 50%;
      left: -6px;
      margin-bottom: 3px;
      border-right-color: #EBEEF5;
      border-left-width: 0
    }

    .el-popper[x-placement^=right] .popper__arrow::after {
      bottom: -6px;
      left: 1px;
      border-right-color: #FFF;
      border-left-width: 0
    }

    .el-popper[x-placement^=left] {
      margin-right: 12px
    }

    .el-popper[x-placement^=left] .popper__arrow {
      top: 50%;
      right: -6px;
      margin-bottom: 3px;
      border-right-width: 0;
      border-left-color: #EBEEF5
    }

    .el-popper[x-placement^=left] .popper__arrow::after {
      right: 1px;
      bottom: -6px;
      margin-left: -6px;
      border-right-width: 0;
      border-left-color: #FFF
    }

    .el-select-dropdown {
      position: absolute;
      z-index: 1001;
      border: 1px solid #E4E7ED;
      border-radius: 4px;
      background-color: #FFF;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 5px 0
    }

    .el-input__inner,
    .el-select-dropdown__list,
    .el-tag,
    .el-textarea__inner {
      -webkit-box-sizing: border-box
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item {
      padding-right: 40px
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
      color: #409EFF;
      background-color: #FFF
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
      background-color: #F5F7FA
    }

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
      position: absolute;
      right: 20px;
      font-family: element-icons;
      content: "\e6da";
      font-size: 12px;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
      padding: 0
    }

    .el-select-dropdown__empty {
      padding: 10px 0;
      margin: 0;
      text-align: center;
      color: #999;
      font-size: 14px
    }

    .el-select-dropdown__wrap {
      max-height: 274px
    }

    .el-select-dropdown__list {
      list-style: none;
      padding: 6px 0;
      margin: 0;
      box-sizing: border-box
    }

    .el-textarea {
      position: relative;
      display: inline-block;
      width: 100%;
      vertical-align: bottom;
      font-size: 14px
    }

    .el-textarea__inner {
      display: block;
      resize: vertical;
      padding: 5px 15px;
      line-height: 1.5;
      box-sizing: border-box;
      width: 100%;
      font-size: inherit;
      color: #606266;
      background-color: #FFF;
      background-image: none;
      border: 1px solid #DCDFE6;
      border-radius: 4px;
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-textarea__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner::placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner:hover {
      border-color: #C0C4CC
    }

    .el-textarea__inner:focus {
      outline: 0;
      border-color: #409EFF
    }

    .el-textarea .el-input__count {
      color: #909399;
      background: #FFF;
      position: absolute;
      font-size: 12px;
      bottom: 5px;
      right: 10px
    }

    .el-textarea.is-disabled .el-textarea__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner::placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-exceed .el-textarea__inner {
      border-color: #F56C6C
    }

    .el-textarea.is-exceed .el-input__count {
      color: #F56C6C
    }

    .el-input {
      position: relative;
      font-size: 14px;
      display: inline-block;
      width: 100%
    }

    .el-input::-webkit-scrollbar {
      z-index: 11;
      width: 6px
    }

    .el-input::-webkit-scrollbar:horizontal {
      height: 6px
    }

    .el-input::-webkit-scrollbar-thumb {
      border-radius: 5px;
      width: 6px;
      background: #b4bccc
    }

    .el-input::-webkit-scrollbar-corner {
      background: #fff
    }

    .el-input::-webkit-scrollbar-track {
      background: #fff
    }

    .el-input::-webkit-scrollbar-track-piece {
      background: #fff;
      width: 6px
    }

    .el-input__inner,
    .el-select-dropdown__item.is-disabled:hover {
      background-color: #FFF
    }

    .el-input .el-input__clear {
      color: #C0C4CC;
      font-size: 14px;
      cursor: pointer;
      -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
      transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-input .el-input__clear:hover {
      color: #909399
    }

    .el-input .el-input__count {
      height: 100%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #909399;
      font-size: 12px
    }

    .el-input .el-input__count .el-input__count-inner {
      background: #FFF;
      line-height: initial;
      display: inline-block;
      padding: 0 5px
    }

    .el-input__inner {
      -webkit-appearance: none;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #DCDFE6;
      box-sizing: border-box;
      color: #606266;
      display: inline-block;
      font-size: inherit;
      height: 40px;
      line-height: 40px;
      outline: 0;
      padding: 0 15px;
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      width: 100%
    }

    .el-input__inner:hover,
    .el-select:hover .el-input__inner {
      border-color: #C0C4CC
    }

    .el-input__prefix,
    .el-input__suffix {
      position: absolute;
      top: 0;
      -webkit-transition: all .3s;
      height: 100%;
      color: #C0C4CC;
      text-align: center
    }

    .el-input__inner::-ms-reveal {
      display: none
    }

    .el-input__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner::placeholder {
      color: #C0C4CC
    }

    .el-input.is-active .el-input__inner,
    .el-input__inner:focus {
      border-color: #409EFF;
      outline: 0
    }

    .el-input__suffix {
      right: 5px;
      transition: all .3s;
      pointer-events: none
    }

    .el-input__suffix-inner {
      pointer-events: all
    }

    .el-input__prefix {
      left: 5px;
      transition: all .3s
    }

    .el-input__icon {
      height: 100%;
      width: 25px;
      text-align: center;
      -webkit-transition: all .3s;
      transition: all .3s;
      line-height: 40px
    }

    .el-input__icon:after {
      content: '';
      height: 100%;
      width: 0;
      display: inline-block;
      vertical-align: middle
    }

    .el-input__validateIcon {
      pointer-events: none
    }

    .el-input.is-disabled .el-input__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner::placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__icon {
      cursor: not-allowed
    }

    .el-input.is-exceed .el-input__inner {
      border-color: #F56C6C
    }

    .el-input.is-exceed .el-input__suffix .el-input__count {
      color: #F56C6C
    }

    .el-input--suffix .el-input__inner {
      padding-right: 30px
    }

    .el-input--prefix .el-input__inner {
      padding-left: 30px
    }

    .el-input--medium {
      font-size: 14px
    }

    .el-input--medium .el-input__inner {
      height: 36px;
      line-height: 36px
    }

    .el-input--medium .el-input__icon {
      line-height: 36px
    }

    .el-input--small {
      font-size: 13px
    }

    .el-input--small .el-input__inner {
      height: 32px;
      line-height: 32px
    }

    .el-input--small .el-input__icon {
      line-height: 32px
    }

    .el-input--mini {
      font-size: 12px
    }

    .el-input--mini .el-input__inner {
      height: 28px;
      line-height: 28px
    }

    .el-input--mini .el-input__icon {
      line-height: 28px
    }

    .el-input-group {
      line-height: normal;
      display: inline-table;
      width: 100%;
      border-collapse: separate;
      border-spacing: 0
    }

    .el-input-group>.el-input__inner {
      vertical-align: middle;
      display: table-cell
    }

    .el-input-group__append,
    .el-input-group__prepend {
      background-color: #F5F7FA;
      color: #909399;
      vertical-align: middle;
      display: table-cell;
      position: relative;
      border: 1px solid #DCDFE6;
      border-radius: 4px;
      padding: 0 20px;
      width: 1px;
      white-space: nowrap
    }

    .el-input-group--prepend .el-input__inner,
    .el-input-group__append {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    .el-input-group--append .el-input__inner,
    .el-input-group__prepend {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .el-input-group__append:focus,
    .el-input-group__prepend:focus {
      outline: 0
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-select,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-select {
      display: inline-block;
      margin: -10px -20px
    }

    .el-input-group__append button.el-button,
    .el-input-group__append div.el-select .el-input__inner,
    .el-input-group__append div.el-select:hover .el-input__inner,
    .el-input-group__prepend button.el-button,
    .el-input-group__prepend div.el-select .el-input__inner,
    .el-input-group__prepend div.el-select:hover .el-input__inner {
      border-color: transparent;
      background-color: transparent;
      color: inherit;
      border-top: 0;
      border-bottom: 0
    }

    .el-input-group__append .el-button,
    .el-input-group__append .el-input,
    .el-input-group__prepend .el-button,
    .el-input-group__prepend .el-input {
      font-size: inherit
    }

    .el-input-group__prepend {
      border-right: 0
    }

    .el-input-group__append {
      border-left: 0
    }

    .el-input-group--append .el-select .el-input.is-focus .el-input__inner,
    .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
      border-color: transparent
    }

    .el-input__inner::-ms-clear {
      display: none;
      width: 0;
      height: 0
    }

    .el-tag {
      background-color: #ecf5ff;
      border-color: #d9ecff;
      display: inline-block;
      height: 32px;
      padding: 0 10px;
      line-height: 30px;
      font-size: 12px;
      color: #409EFF;
      border-width: 1px;
      border-style: solid;
      border-radius: 4px;
      box-sizing: border-box;
      white-space: nowrap
    }

    .el-tag.is-hit {
      border-color: #409EFF
    }

    .el-tag .el-tag__close {
      color: #409eff
    }

    .el-tag .el-tag__close:hover {
      color: #FFF;
      background-color: #409eff
    }

    .el-tag.el-tag--info {
      background-color: #f4f4f5;
      border-color: #e9e9eb;
      color: #909399
    }

    .el-tag.el-tag--info.is-hit {
      border-color: #909399
    }

    .el-tag.el-tag--info .el-tag__close {
      color: #909399
    }

    .el-tag.el-tag--info .el-tag__close:hover {
      color: #FFF;
      background-color: #909399
    }

    .el-tag.el-tag--success {
      background-color: #f0f9eb;
      border-color: #e1f3d8;
      color: #67c23a
    }

    .el-tag.el-tag--success.is-hit {
      border-color: #67C23A
    }

    .el-tag.el-tag--success .el-tag__close {
      color: #67c23a
    }

    .el-tag.el-tag--success .el-tag__close:hover {
      color: #FFF;
      background-color: #67c23a
    }

    .el-tag.el-tag--warning {
      background-color: #fdf6ec;
      border-color: #faecd8;
      color: #e6a23c
    }

    .el-tag.el-tag--warning.is-hit {
      border-color: #E6A23C
    }

    .el-tag.el-tag--warning .el-tag__close {
      color: #e6a23c
    }

    .el-tag.el-tag--warning .el-tag__close:hover {
      color: #FFF;
      background-color: #e6a23c
    }

    .el-tag.el-tag--danger {
      background-color: #fef0f0;
      border-color: #fde2e2;
      color: #f56c6c
    }

    .el-tag.el-tag--danger.is-hit {
      border-color: #F56C6C
    }

    .el-tag.el-tag--danger .el-tag__close {
      color: #f56c6c
    }

    .el-tag.el-tag--danger .el-tag__close:hover {
      color: #FFF;
      background-color: #f56c6c
    }

    .el-tag .el-icon-close {
      border-radius: 50%;
      text-align: center;
      position: relative;
      cursor: pointer;
      font-size: 12px;
      height: 16px;
      width: 16px;
      line-height: 16px;
      vertical-align: middle;
      top: -1px;
      right: -5px
    }

    .el-tag .el-icon-close::before {
      display: block
    }

    .el-tag--dark {
      background-color: #409eff;
      border-color: #409eff;
      color: #fff
    }

    .el-tag--dark.is-hit {
      border-color: #409EFF
    }

    .el-tag--dark .el-tag__close {
      color: #fff
    }

    .el-tag--dark .el-tag__close:hover {
      color: #FFF;
      background-color: #66b1ff
    }

    .el-tag--dark.el-tag--info {
      background-color: #909399;
      border-color: #909399;
      color: #fff
    }

    .el-tag--dark.el-tag--info.is-hit {
      border-color: #909399
    }

    .el-tag--dark.el-tag--info .el-tag__close {
      color: #fff
    }

    .el-tag--dark.el-tag--info .el-tag__close:hover {
      color: #FFF;
      background-color: #a6a9ad
    }

    .el-tag--dark.el-tag--success {
      background-color: #67c23a;
      border-color: #67c23a;
      color: #fff
    }

    .el-tag--dark.el-tag--success.is-hit {
      border-color: #67C23A
    }

    .el-tag--dark.el-tag--success .el-tag__close {
      color: #fff
    }

    .el-tag--dark.el-tag--success .el-tag__close:hover {
      color: #FFF;
      background-color: #85ce61
    }

    .el-tag--dark.el-tag--warning {
      background-color: #e6a23c;
      border-color: #e6a23c;
      color: #fff
    }

    .el-tag--dark.el-tag--warning.is-hit {
      border-color: #E6A23C
    }

    .el-tag--dark.el-tag--warning .el-tag__close {
      color: #fff
    }

    .el-tag--dark.el-tag--warning .el-tag__close:hover {
      color: #FFF;
      background-color: #ebb563
    }

    .el-tag--dark.el-tag--danger {
      background-color: #f56c6c;
      border-color: #f56c6c;
      color: #fff
    }

    .el-tag--dark.el-tag--danger.is-hit {
      border-color: #F56C6C
    }

    .el-tag--dark.el-tag--danger .el-tag__close {
      color: #fff
    }

    .el-tag--dark.el-tag--danger .el-tag__close:hover {
      color: #FFF;
      background-color: #f78989
    }

    .el-tag--plain {
      background-color: #fff;
      border-color: #b3d8ff;
      color: #409eff
    }

    .el-tag--plain.is-hit {
      border-color: #409EFF
    }

    .el-tag--plain .el-tag__close {
      color: #409eff
    }

    .el-tag--plain .el-tag__close:hover {
      color: #FFF;
      background-color: #409eff
    }

    .el-tag--plain.el-tag--info {
      background-color: #fff;
      border-color: #d3d4d6;
      color: #909399
    }

    .el-tag--plain.el-tag--info.is-hit {
      border-color: #909399
    }

    .el-tag--plain.el-tag--info .el-tag__close {
      color: #909399
    }

    .el-tag--plain.el-tag--info .el-tag__close:hover {
      color: #FFF;
      background-color: #909399
    }

    .el-tag--plain.el-tag--success {
      background-color: #fff;
      border-color: #c2e7b0;
      color: #67c23a
    }

    .el-tag--plain.el-tag--success.is-hit {
      border-color: #67C23A
    }

    .el-tag--plain.el-tag--success .el-tag__close {
      color: #67c23a
    }

    .el-tag--plain.el-tag--success .el-tag__close:hover {
      color: #FFF;
      background-color: #67c23a
    }

    .el-tag--plain.el-tag--warning {
      background-color: #fff;
      border-color: #f5dab1;
      color: #e6a23c
    }

    .el-tag--plain.el-tag--warning.is-hit {
      border-color: #E6A23C
    }

    .el-tag--plain.el-tag--warning .el-tag__close {
      color: #e6a23c
    }

    .el-tag--plain.el-tag--warning .el-tag__close:hover {
      color: #FFF;
      background-color: #e6a23c
    }

    .el-tag--plain.el-tag--danger {
      background-color: #fff;
      border-color: #fbc4c4;
      color: #f56c6c
    }

    .el-tag--plain.el-tag--danger.is-hit {
      border-color: #F56C6C
    }

    .el-tag--plain.el-tag--danger .el-tag__close {
      color: #f56c6c
    }

    .el-tag--plain.el-tag--danger .el-tag__close:hover {
      color: #FFF;
      background-color: #f56c6c
    }

    .el-tag--medium {
      height: 28px;
      line-height: 26px
    }

    .el-tag--medium .el-icon-close {
      -webkit-transform: scale(.8);
      transform: scale(.8)
    }

    .el-tag--small {
      height: 24px;
      padding: 0 8px;
      line-height: 22px
    }

    .el-tag--small .el-icon-close {
      -webkit-transform: scale(.8);
      transform: scale(.8)
    }

    .el-tag--mini {
      height: 20px;
      padding: 0 5px;
      line-height: 19px
    }

    .el-tag--mini .el-icon-close {
      margin-left: -3px;
      -webkit-transform: scale(.7);
      transform: scale(.7)
    }

    .el-select-dropdown__item {
      font-size: 14px;
      padding: 0 20px;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #606266;
      height: 34px;
      line-height: 34px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer
    }

    .el-select-dropdown__item.is-disabled {
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
      background-color: #F5F7FA
    }

    .el-select-dropdown__item.selected {
      color: #409EFF;
      font-weight: 700
    }

    .el-select-group {
      margin: 0;
      padding: 0
    }

    .el-select-group__wrap {
      position: relative;
      list-style: none;
      margin: 0;
      padding: 0
    }

    .el-select-group__wrap:not(:last-of-type) {
      padding-bottom: 24px
    }

    .el-select-group__wrap:not(:last-of-type)::after {
      content: '';
      position: absolute;
      display: block;
      left: 20px;
      right: 20px;
      bottom: 12px;
      height: 1px;
      background: #E4E7ED
    }

    .el-select-group__title {
      padding-left: 20px;
      font-size: 12px;
      color: #909399;
      line-height: 30px
    }

    .el-select-group .el-select-dropdown__item {
      padding-left: 20px
    }

    .el-scrollbar {
      overflow: hidden;
      position: relative
    }

    .el-scrollbar:active>.el-scrollbar__bar,
    .el-scrollbar:focus>.el-scrollbar__bar,
    .el-scrollbar:hover>.el-scrollbar__bar {
      opacity: 1;
      -webkit-transition: opacity 340ms ease-out;
      transition: opacity 340ms ease-out
    }

    .el-scrollbar__wrap {
      overflow: scroll;
      height: 100%
    }

    .el-scrollbar__wrap--hidden-default {
      scrollbar-width: none
    }

    .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
      width: 0;
      height: 0
    }

    .el-scrollbar__thumb {
      position: relative;
      display: block;
      width: 0;
      height: 0;
      cursor: pointer;
      border-radius: inherit;
      background-color: rgba(144, 147, 153, .3);
      -webkit-transition: .3s background-color;
      transition: .3s background-color
    }

    .el-scrollbar__thumb:hover {
      background-color: rgba(144, 147, 153, .5)
    }

    .el-scrollbar__bar {
      position: absolute;
      right: 2px;
      bottom: 2px;
      z-index: 1;
      border-radius: 4px;
      opacity: 0;
      -webkit-transition: opacity 120ms ease-out;
      transition: opacity 120ms ease-out
    }

    .el-scrollbar__bar.is-vertical {
      width: 6px;
      top: 2px
    }

    .el-scrollbar__bar.is-vertical>div {
      width: 100%
    }

    .el-scrollbar__bar.is-horizontal {
      height: 6px;
      left: 2px
    }

    .el-scrollbar__bar.is-horizontal>div {
      height: 100%
    }

    .el-select {
      display: inline-block;
      position: relative
    }

    .el-select .el-select__tags>span {
      display: contents
    }

    .el-select .el-input__inner {
      cursor: pointer;
      padding-right: 35px
    }

    .el-select .el-input__inner:focus {
      border-color: #409EFF
    }

    .el-select .el-input .el-select__caret {
      color: #C0C4CC;
      font-size: 14px;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
      -webkit-transform: rotateZ(180deg);
      transform: rotateZ(180deg);
      cursor: pointer
    }

    .el-select .el-input .el-select__caret.is-reverse {
      -webkit-transform: rotateZ(0);
      transform: rotateZ(0)
    }

    .el-select .el-input .el-select__caret.is-show-close {
      font-size: 14px;
      text-align: center;
      -webkit-transform: rotateZ(180deg);
      transform: rotateZ(180deg);
      border-radius: 100%;
      color: #C0C4CC;
      -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
      transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-select .el-input .el-select__caret.is-show-close:hover {
      color: #909399
    }

    .el-select .el-input.is-disabled .el-input__inner {
      cursor: not-allowed
    }

    .el-select .el-input.is-disabled .el-input__inner:hover {
      border-color: #E4E7ED
    }

    .el-select .el-input.is-focus .el-input__inner {
      border-color: #409EFF
    }

    .el-select>.el-input {
      display: block
    }

    .el-select__input {
      border: none;
      outline: 0;
      padding: 0;
      margin-left: 15px;
      color: #666;
      font-size: 14px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 28px;
      background-color: transparent
    }

    .el-select__input.is-mini {
      height: 14px
    }

    .el-select__close {
      cursor: pointer;
      position: absolute;
      top: 8px;
      z-index: 1000;
      right: 25px;
      color: #C0C4CC;
      line-height: 18px;
      font-size: 14px
    }

    .el-select__close:hover {
      color: #909399
    }

    .el-select__tags {
      position: absolute;
      line-height: normal;
      white-space: normal;
      z-index: 1;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }

    .el-select__tags-text {
      overflow: hidden;
      text-overflow: ellipsis
    }

    .el-select .el-tag {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: transparent;
      margin: 2px 0 2px 6px;
      background-color: #f0f2f5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }

    .el-select .el-tag__close.el-icon-close {
      background-color: #C0C4CC;
      top: 0;
      color: #FFF;
      -ms-flex-negative: 0;
      flex-shrink: 0
    }

    .el-select .el-tag__close.el-icon-close:hover {
      background-color: #909399
    }

    .el-select .el-tag__close.el-icon-close::before {
      display: block;
      -webkit-transform: translate(0, .5px);
      transform: translate(0, .5px)
    }

    .el-pagination {
      white-space: nowrap;
      padding: 2px 5px;
      color: #303133;
      font-weight: 700
    }

    .el-pagination::after,
    .el-pagination::before {
      display: table;
      content: ""
    }

    .el-pagination::after {
      clear: both
    }

    .el-pagination button,
    .el-pagination span:not([class*=suffix]) {
      display: inline-block;
      font-size: 13px;
      min-width: 35.5px;
      height: 28px;
      line-height: 28px;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .el-pagination .el-input__inner {
      text-align: center;
      -moz-appearance: textfield;
      line-height: normal
    }

    .el-pagination .el-input__suffix {
      right: 0;
      -webkit-transform: scale(.8);
      transform: scale(.8)
    }

    .el-pagination .el-select .el-input {
      width: 100px;
      margin: 0 5px
    }

    .el-pagination .el-select .el-input .el-input__inner {
      padding-right: 25px;
      border-radius: 3px
    }

    .el-pagination button {
      border: none;
      padding: 0 6px;
      background: 0 0
    }

    .el-pagination button:focus {
      outline: 0
    }

    .el-pagination button:hover {
      color: #409EFF
    }

    .el-pagination button:disabled {
      color: #C0C4CC;
      background-color: #FFF;
      cursor: not-allowed
    }

    .el-pagination .btn-next,
    .el-pagination .btn-prev {
      background: center center no-repeat #FFF;
      background-size: 16px;
      cursor: pointer;
      margin: 0;
      color: #303133
    }

    .el-pagination .btn-next .el-icon,
    .el-pagination .btn-prev .el-icon {
      display: block;
      font-size: 12px;
      font-weight: 700
    }

    .el-pagination .btn-prev {
      padding-right: 12px
    }

    .el-pagination .btn-next {
      padding-left: 12px
    }

    .el-pagination .el-pager li.disabled {
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-pager li,
    .el-pager li.btn-quicknext:hover,
    .el-pager li.btn-quickprev:hover {
      cursor: pointer
    }

    .el-pagination--small .btn-next,
    .el-pagination--small .btn-prev,
    .el-pagination--small .el-pager li,
    .el-pagination--small .el-pager li.btn-quicknext,
    .el-pagination--small .el-pager li.btn-quickprev,
    .el-pagination--small .el-pager li:last-child {
      border-color: transparent;
      font-size: 12px;
      line-height: 22px;
      height: 22px;
      min-width: 22px
    }

    .el-pagination--small .arrow.disabled {
      visibility: hidden
    }

    .el-pagination--small .more::before,
    .el-pagination--small li.more::before {
      line-height: 24px
    }

    .el-pagination--small button,
    .el-pagination--small span:not([class*=suffix]) {
      height: 22px;
      line-height: 22px
    }

    .el-pagination--small .el-pagination__editor,
    .el-pagination--small .el-pagination__editor.el-input .el-input__inner {
      height: 22px
    }

    .el-pagination__sizes {
      margin: 0 10px 0 0;
      font-weight: 400;
      color: #606266
    }

    .el-pagination__sizes .el-input .el-input__inner {
      font-size: 13px;
      padding-left: 8px
    }

    .el-pagination__sizes .el-input .el-input__inner:hover {
      border-color: #409EFF
    }

    .el-pagination__total {
      margin-right: 10px;
      font-weight: 400;
      color: #606266
    }

    .el-pagination__jump {
      margin-left: 24px;
      font-weight: 400;
      color: #606266
    }

    .el-pagination__jump .el-input__inner {
      padding: 0 3px
    }

    .el-pagination__rightwrapper {
      float: right
    }

    .el-pagination__editor {
      line-height: 18px;
      padding: 0 2px;
      height: 28px;
      text-align: center;
      margin: 0 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 3px
    }

    .el-pager,
    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev {
      padding: 0
    }

    .el-pagination__editor.el-input {
      width: 50px
    }

    .el-pagination__editor.el-input .el-input__inner {
      height: 28px
    }

    .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
    .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
      margin: 0 5px;
      background-color: #f4f4f5;
      color: #606266;
      min-width: 30px;
      border-radius: 2px
    }

    .el-pagination.is-background .btn-next.disabled,
    .el-pagination.is-background .btn-next:disabled,
    .el-pagination.is-background .btn-prev.disabled,
    .el-pagination.is-background .btn-prev:disabled,
    .el-pagination.is-background .el-pager li.disabled {
      color: #C0C4CC
    }

    .el-pagination.is-background .el-pager li:not(.disabled):hover {
      color: #409EFF
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #409EFF;
      color: #FFF
    }

    .el-pagination.is-background.el-pagination--small .btn-next,
    .el-pagination.is-background.el-pagination--small .btn-prev,
    .el-pagination.is-background.el-pagination--small .el-pager li {
      margin: 0 3px;
      min-width: 22px
    }

    .el-pager,
    .el-pager li {
      vertical-align: top;
      display: inline-block;
      margin: 0
    }

    .el-pager {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      list-style: none;
      font-size: 0
    }

    .el-pager .more::before {
      line-height: 30px
    }

    .el-pager li {
      padding: 0 4px;
      background: #FFF;
      font-size: 13px;
      min-width: 35.5px;
      height: 28px;
      line-height: 28px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center
    }

    .el-pager li.btn-quicknext,
    .el-pager li.btn-quickprev {
      line-height: 28px;
      color: #303133
    }

    .el-pager li.btn-quicknext.disabled,
    .el-pager li.btn-quickprev.disabled {
      color: #C0C4CC
    }

    .el-pager li.active+li {
      border-left: 0
    }

    .el-pager li:hover {
      color: #409EFF
    }

    .el-pager li.active {
      color: #409EFF;
      cursor: default
    }
  </style>
  <style>
    .el-carousel__item,
    .el-carousel__mask {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0
    }

    .el-carousel__item {
      width: 100%;
      display: inline-block;
      overflow: hidden;
      z-index: 0
    }

    .el-carousel__item.is-active {
      z-index: 2
    }

    .el-carousel__item.is-animating {
      -webkit-transition: -webkit-transform .4s ease-in-out;
      transition: -webkit-transform .4s ease-in-out;
      transition: transform .4s ease-in-out;
      transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
    }

    .el-carousel__item--card {
      width: 50%;
      -webkit-transition: -webkit-transform .4s ease-in-out;
      transition: -webkit-transform .4s ease-in-out;
      transition: transform .4s ease-in-out;
      transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
    }

    .el-carousel__item--card.is-in-stage {
      cursor: pointer;
      z-index: 1
    }

    .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
    .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
      opacity: .12
    }

    .el-carousel__item--card.is-active {
      z-index: 2
    }

    .el-carousel__mask {
      width: 100%;
      background-color: #FFF;
      opacity: .24;
      -webkit-transition: .2s;
      transition: .2s
    }
  </style>
  <style>
    .el-carousel {
      position: relative
    }

    .el-carousel--horizontal {
      overflow-x: hidden
    }

    .el-carousel--vertical {
      overflow-y: hidden
    }

    .el-carousel__container {
      position: relative;
      height: 300px
    }

    .el-carousel__arrow {
      border: none;
      outline: 0;
      padding: 0;
      margin: 0;
      height: 36px;
      width: 36px;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s;
      border-radius: 50%;
      background-color: rgba(31, 45, 61, .11);
      color: #FFF;
      position: absolute;
      top: 50%;
      z-index: 10;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      font-size: 12px
    }

    .el-carousel__arrow--left {
      left: 16px
    }

    .el-carousel__arrow--right {
      right: 16px
    }

    .el-carousel__arrow:hover {
      background-color: rgba(31, 45, 61, .23)
    }

    .el-carousel__arrow i {
      cursor: pointer
    }

    .el-carousel__indicators {
      position: absolute;
      list-style: none;
      margin: 0;
      padding: 0;
      z-index: 2
    }

    .el-carousel__indicators--horizontal {
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
    }

    .el-carousel__indicators--vertical {
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .el-carousel__indicators--outside {
      bottom: 26px;
      text-align: center;
      position: static;
      -webkit-transform: none;
      transform: none
    }

    .el-carousel__indicators--outside .el-carousel__indicator:hover button {
      opacity: .64
    }

    .el-carousel__indicators--outside button {
      background-color: #C0C4CC;
      opacity: .24
    }

    .el-carousel__indicators--labels {
      left: 0;
      right: 0;
      -webkit-transform: none;
      transform: none;
      text-align: center
    }

    .el-carousel__indicators--labels .el-carousel__button {
      height: auto;
      width: auto;
      padding: 2px 18px;
      font-size: 12px
    }

    .el-carousel__indicators--labels .el-carousel__indicator {
      padding: 6px 4px
    }

    .el-carousel__indicator {
      background-color: transparent;
      cursor: pointer
    }

    .el-carousel__indicator:hover button {
      opacity: .72
    }

    .el-carousel__indicator--horizontal {
      display: inline-block;
      padding: 12px 4px
    }

    .el-carousel__indicator--vertical {
      padding: 4px 12px
    }

    .el-carousel__indicator--vertical .el-carousel__button {
      width: 2px;
      height: 15px
    }

    .el-carousel__indicator.is-active button {
      opacity: 1
    }

    .el-carousel__button {
      display: block;
      opacity: .48;
      width: 30px;
      height: 2px;
      background-color: #FFF;
      border: none;
      outline: 0;
      padding: 0;
      margin: 0;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
    }

    .carousel-arrow-left-enter,
    .carousel-arrow-left-leave-active {
      -webkit-transform: translateY(-50%) translateX(-10px);
      transform: translateY(-50%) translateX(-10px);
      opacity: 0
    }

    .carousel-arrow-right-enter,
    .carousel-arrow-right-leave-active {
      -webkit-transform: translateY(-50%) translateX(10px);
      transform: translateY(-50%) translateX(10px);
      opacity: 0
    }
  </style>
  <style>
    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }

    main>section {
      width: 100%;
    }

    button {
      margin: 0;
      padding: 0;
      outline: none;
      border-radius: 0;
      border: none;
      background-color: transparent;
      line-height: inherit;
      cursor: pointer;
    }

    button::after {
      border: none;
    }

    input,
    textarea {
      outline: none;
      border: none;
    }

    .container {
      width: 1260px;
      margin: 0 auto;
    }

    .p-r {
      position: relative;
    }

    .flex {
      display: flex;
    }

    .flexWrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .flexColumn {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .flexRow {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .align-center {
      align-items: center;
    }

    .justify-end {
      justify-content: flex-end;
    }

    .icon {
      display: inline-block;
      height: 32px;
      width: 32px;
    }

    .ellipsis {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
    }

    .ellipsis-2 {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .transImg {
      -webkit-font-smoothing: antialiased;
      /* chrome、safari 开启抗锯齿，使字体边缘更加清晰 */
      -moz-osx-font-smoothing: grayscale;
      /* firefox 开启抗锯齿*/
      text-rendering: optimizeLegibility;
      /* 优化字体的渲染 */
      backface-visibility: hidden;
      /* 避免在3D转换时出现模糊和闪烁的问题 */
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: normal;
      font-size: 16px;
    }

    h1 {
      font-size: 40px;
      line-height: 40px;
      font-weight: bold;
      color: #262626;
      margin: 0;
    }

    img {
      display: block;
      /* width: 100%; */
    }

    .img img {
      width: 100%;
    }

    .bg {
      background-position: center !important;
      background-size: cover !important;
    }

    strong {
      font-weight: normal;
      display: block;
    }

    ul {
      list-style-type: none;
    }

    p {
      font-size: 24px;
      display: block;
      color: #6D6D6D;
      line-height: 36px;
    }

    a {
      text-decoration: none;
      color: #262626;
      cursor: pointer;
    }

    a:hover,
    a:visited,
    a:link,
    a:active {
      color: #308dff;
    }

    i {
      font-style: normal;
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    /* textarea必填* */
    .needBox {
      position: relative;
    }

    .needBox::before {
      content: "*";
      color: red;
      position: absolute;
      left: 16px;
      top: 16px;
      display: block;
      width: 4px;
      height: 40px;
      font-size: 20px;
    }
  </style>
  <style>
    #app {
      font-family: Noto Sans S Chinese-Bold, Noto Sans S Chinese;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      min-width: 1260px;
      overflow-x: hidden;
      overflow: auto;
    }
  </style>
  <style>
    h2[data-v-56f28ad5] {
      font-size: 40px;
      line-height: 40px;
      font-weight: bold;
      color: #262626;
      margin: 0
    }

    strong[data-v-56f28ad5] {
      color: #3b3b3b;
      font-size: 20px;
      padding-top: 26px;
      padding-bottom: 65px
    }
  </style>
  <style>
    .el-message {
      min-width: 380px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 4px;
      border-width: 1px;
      border-style: solid;
      border-color: #EBEEF5;
      position: fixed;
      left: 50%;
      top: 20px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #edf2fc;
      -webkit-transition: opacity .3s, top .4s, -webkit-transform .4s;
      transition: opacity .3s, top .4s, -webkit-transform .4s;
      transition: opacity .3s, transform .4s, top .4s;
      transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s;
      overflow: hidden;
      padding: 15px 15px 15px 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }

    .el-message.is-center {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }

    .el-message.is-closable .el-message__content {
      padding-right: 16px
    }

    .el-message p {
      margin: 0
    }

    .el-message--info .el-message__content {
      color: #909399
    }

    .el-message--success {
      background-color: #f0f9eb;
      border-color: #e1f3d8
    }

    .el-message--success .el-message__content {
      color: #67C23A
    }

    .el-message--warning {
      background-color: #fdf6ec;
      border-color: #faecd8
    }

    .el-message--warning .el-message__content {
      color: #E6A23C
    }

    .el-message--error {
      background-color: #fef0f0;
      border-color: #fde2e2
    }

    .el-message--error .el-message__content {
      color: #F56C6C
    }

    .el-message__icon {
      margin-right: 10px
    }

    .el-message__content {
      padding: 0;
      font-size: 14px;
      line-height: 1
    }

    .el-message__content:focus {
      outline-width: 0
    }

    .el-message__closeBtn {
      position: absolute;
      top: 50%;
      right: 15px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      color: #C0C4CC;
      font-size: 16px
    }

    .el-message__closeBtn:focus {
      outline-width: 0
    }

    .el-message__closeBtn:hover {
      color: #909399
    }

    .el-message .el-icon-success {
      color: #67C23A
    }

    .el-message .el-icon-error {
      color: #F56C6C
    }

    .el-message .el-icon-info {
      color: #909399
    }

    .el-message .el-icon-warning {
      color: #E6A23C
    }

    .el-message-fade-enter,
    .el-message-fade-leave-active {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%)
    }
  </style>
  <style>
    .page[data-v-ff0ab282] {
      height: 567px;
      padding-top: 110px;
      text-align: center !important
    }

    .page .container[data-v-ff0ab282] {
      width: 1047px
    }

    .page .container h3[data-v-ff0ab282] {
      font-size: 32px !important;
      color: #303030;
      padding-bottom: 65px;
      line-height: 40px;
      font-weight: bold
    }

    .page .container .left[data-v-ff0ab282] {
      width: 656px
    }

    .page .need[data-v-ff0ab282] {
      width: 377px;
      height: 128px;
      background: #fff;
      border-radius: 4px;
      border: 1px solid #aaa;
      background: #fff;
      font-size: 20px;
      color: #8e8e8e;
      padding: 16px;
      padding-left: 30px;
      padding-top: 12px;
      font-family: Noto Sans S Chinese-Regular, Noto Sans S Chinese
    }

    .page .primary[data-v-ff0ab282] {
      width: 281px;
      height: 52px;
      background: #308dff;
      border-radius: 4px;
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      margin-top: 41px
    }

    .page .primary[data-v-ff0ab282]:hover {
      opacity: .9
    }

    [data-v-ff0ab282].el-input {
      width: 321px;
      padding-bottom: 24px;
      position: relative
    }

    [data-v-ff0ab282].el-input::before {
      content: "*";
      color: red;
      position: absolute;
      left: 16px;
      top: 16px;
      display: block;
      width: 4px;
      height: 40px;
      font-size: 20px
    }

    [data-v-ff0ab282] .el-input--mini .el-input__inner {
      height: 52px;
      line-height: 52px;
      font-size: 20px;
      border: 1px solid #aaa;
      padding-left: 30px;
      color: #8e8e8e
    }

    [data-v-ff0ab282] .el-input.is-active .el-input__inner,
    .el-input__inner[data-v-ff0ab282]:focus {
      border-color: #aaa;
      outline: 0
    }

    [data-v-ff0ab282]::-webkit-input-placeholder {
      color: #b2b2b2
    }
  </style>
  <style>
    a[data-v-0067ad5a] {
      font-size: 16px !important;
      color: #303133;
      font-weight: 700;
      text-decoration: none
    }

    a[data-v-0067ad5a]:hover {
      color: #308dff
    }

    .breadcrumb_box[data-v-0067ad5a] {
      width: 100%;
      background: #fbfbff;
      height: 94px;
      border-bottom: 1px solid #dde6ed;
      vertical-align: top
    }

    .breadcrumb_box .container[data-v-0067ad5a] {
      display: flex;
      align-items: center;
      height: 100%
    }

    .noclick[data-v-0067ad5a] {
      color: #6d6d6d;
      font-weight: normal;
      display: inline-block
    }

    .thrid[data-v-0067ad5a] {
      color: #308dff;
      font-weight: normal;
      display: inline-block
    }

    .icon-arrow[data-v-0067ad5a] {
      margin: 0 6px
    }
  </style>
  <style>
    .banner[data-v-8715d93c] {
      height: 540px
    }

    .banner .left[data-v-8715d93c] {
      width: 600px;
      padding-top: 199px;
      text-align: left
    }

    .banner .left h1[data-v-8715d93c] {
      font-size: 40px;
      line-height: 40px;
      padding-bottom: 34px
    }

    .banner .left strong[data-v-8715d93c] {
      font-size: 24px;
      color: #6d6d6d;
      line-height: 46px;
      white-space: pre
    }
  </style>
  <script charset="utf-8" src="/9.ba901509d49d1cd8e913.js"></script>
  <script charset="utf-8" src="/1.638d7a98fa078d650a25.js"></script>
  <style>
    .fixAside[data-v-96e309de] {
      position: fixed;
      z-index: 9999;
      right: 33px;
      top: 57%;
      width: 76px;
      background: #fff;
      box-shadow: 0px 2px 6px 1px rgba(164, 183, 207, .4);
      border-radius: 4px
    }

    .fixAside button[data-v-96e309de] {
      position: relative;
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: 70px;
      cursor: pointer
    }

    .fixAside button[data-v-96e309de]:nth-child(1) {
      border-radius: 4px 4px 0 0
    }

    .fixAside button[data-v-96e309de]:nth-last-child(1) {
      border-radius: 0 0 4px 4px
    }

    .fixAside button p[data-v-96e309de] {
      display: inline-block;
      font-size: 12px;
      color: #262626;
      line-height: 12px
    }

    .fixAside button .icon[data-v-96e309de] {
      display: block;
      height: 33px;
      width: 33px;
      margin-bottom: 3px;
      background: url("/static/img/home/aside-sprite.png")
    }

    .fixAside button[data-v-96e309de]:hover {
      background: #2592ff;
      color: #fff;
      fill: #fff
    }

    .fixAside button:hover p[data-v-96e309de] {
      color: #fff
    }

    .fixAside button:hover .consult p[data-v-96e309de] {
      color: #262626;
      font-size: 16px;
      line-height: 16px
    }

    .fixAside button:hover .consult p[data-v-96e309de]:nth-child(2) {
      color: #2592ff
    }

    @media screen and (max-width: 1500px) {
      .fixAside[data-v-96e309de] {
        right: 0
      }
    }

    .consult[data-v-96e309de] {
      position: absolute;
      width: 143px;
      height: 70px;
      box-shadow: 0px 2px 6px 1px rgba(164, 183, 207, .4);
      border-radius: 4px;
      left: -150px;
      top: 0;
      background-color: #fff
    }

    .consult p[data-v-96e309de] {
      color: #262626;
      font-size: 16px !important;
      line-height: 16px !important
    }

    .consult p[data-v-96e309de]:nth-child(2) {
      margin-top: 8px;
      color: #2592ff
    }
  </style>
  <style>
    .footer[data-v-1edf2814] {
      text-align: left;
      width: 100%;
      height: 660px;
      background: #1b1b1e;
      color: #8d8d8f;
      font-size: 16px;
      overflow: hidden
    }

    .footer .container[data-v-1edf2814] {
      padding-top: 63px
    }

    .footer .container .left[data-v-1edf2814] {
      width: 420px
    }

    p[data-v-1edf2814] {
      color: #8d8d8f;
      font-size: 16px;
      line-height: 16px;
      padding-bottom: 14px
    }

    a[data-v-1edf2814] {
      display: block;
      color: #8d8d8f;
      padding-bottom: 25px;
      line-height: 16px
    }

    a[data-v-1edf2814]:hover {
      opacity: .9
    }

    h5[data-v-1edf2814] {
      font-size: 20px;
      line-height: 20px;
      font-weight: 500;
      color: #efefef;
      padding-bottom: 42px;
      padding-top: 10px
    }

    .logo[data-v-1edf2814] {
      width: 246px;
      height: 84px
    }

    .code[data-v-1edf2814] {
      margin-top: 18px;
      width: 151px;
      height: 151px
    }

    .mr-69[data-v-1edf2814] {
      margin-right: 68px
    }

    .mr-69[data-v-1edf2814]:nth-last-child(1) {
      margin-right: 0
    }

    .pd[data-v-1edf2814] {
      padding-top: 16px;
      padding-bottom: 54px
    }

    .copyright[data-v-1edf2814] {
      border-top: 1px solid #707070;
      width: 1500px;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 40px 0;
      font-weight: 300 !important
    }

    .copyright p[data-v-1edf2814] {
      padding-bottom: 0;
      color: #d1d1d2;
      display: inline-block;
      font-weight: 300 !important
    }

    .copyright p a[data-v-1edf2814] {
      display: inline-block;
      padding-bottom: 0;
      margin-right: 10px;
      font-weight: 300 !important
    }

    .copyright p a[data-v-1edf2814]:nth-last-child(1) {
      margin-right: 0
    }

    .copyright .one[data-v-1edf2814] {
      margin-right: 44px;
      color: #8d8d8f
    }

    .copyright .two[data-v-1edf2814] {
      margin-right: 14px
    }

    .copyright .two a[data-v-1edf2814] {
      color: #d1d1d2
    }

    .message[data-v-1edf2814] {
      width: 100%;
      height: 55px;
      background: #e6f1ff
    }

    .message p[data-v-1edf2814] {
      font-size: 20px;
      color: #308dff;
      line-height: 55px;
      padding: 0
    }

    .message a[data-v-1edf2814] {
      width: 94px;
      height: 25px;
      background: #fff;
      border-radius: 13px;
      color: #308dff;
      font-size: 16px;
      margin-left: 33px;
      line-height: 25px;
      padding-left: 8px
    }

    .lianjie[data-v-1edf2814] {
      line-height: 40px;
      margin-top: 20px;
      position: relative;
      margin-left: 80px
    }

    .lianjie .text[data-v-1edf2814] {
      position: absolute;
      top: 0;
      left: -80px
    }
  </style>
  <style>
    .icon-arrow[data-v-721e4f43] {
      font-size: 14px;
      margin-left: 2px;
      font-weight: bold
    }

    .icon-hot[data-v-721e4f43] {
      width: 28px;
      height: 16px;
      background: url("/static/img/home/nav-sprite.png");
      background-position: -276px -10px;
      position: absolute;
      top: -10px;
      right: -16px
    }

    .icon-hot-r[data-v-721e4f43] {
      right: -18px;
      top: -16px
    }

    .nav_outer[data-v-721e4f43] {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      background: #fff;
      z-index: 999
    }

    .nav_box[data-v-721e4f43] {
      justify-content: space-between
    }

    .logo[data-v-721e4f43] {
      width: 202px;
      height: 70px;
      cursor: pointer
    }

    .navItem[data-v-721e4f43] {
      color: #262626;
      width: 100px;
      height: 70px;
      margin-right: 26px;
      line-height: 70px;
      font-weight: 500;
      cursor: pointer
    }

    .navItem[data-v-721e4f43]:hover {
      color: #308dff
    }

    .navItem:hover .drop-down-product[data-v-721e4f43] {
      display: block
    }

    .actItem[data-v-721e4f43] {
      color: #308dff;
      position: relative
    }

    .actItem[data-v-721e4f43]::before {
      content: "";
      position: absolute;
      box-sizing: border-box;
      top: 0;
      left: calc(50% - 25px);
      width: 50px;
      height: 100%;
      border-bottom: 3px solid #308dff;
      transition: .2s all linear
    }

    .number[data-v-721e4f43] {
      height: 70px;
      display: flex;
      align-items: center;
      color: #000;
      font-size: 16px;
      line-height: 16px
    }

    .number .icon[data-v-721e4f43] {
      background: url("/static/img/home/nav-sprite.png");
      background-position: -252px -6px
    }

    .icon[data-v-721e4f43] {
      width: 24px;
      height: 24px;
      margin-right: 8px
    }

    .drop-down-product[data-v-721e4f43] {
      position: fixed;
      top: 70px;
      left: 0;
      width: 100%;
      background: #fff;
      display: none;
      z-index: 10;
      border-top: 1px solid #f8f8f8;
      animation: grow-data-v-721e4f43 .6s;
      overflow: hidden
    }

    .center-box[data-v-721e4f43] {
      width: 1260px;
      margin: 0 auto;
      display: flex;
      padding: 16px 0 11px 0
    }

    .flex-1[data-v-721e4f43] {
      flex: 1
    }

    .flex-2[data-v-721e4f43] {
      flex: 2.4;
      padding-right: 14px
    }

    .mr-35[data-v-721e4f43] {
      margin-right: 35px !important
    }

    .mb-15[data-v-721e4f43] {
      margin-bottom: 15px !important
    }

    .product-item[data-v-721e4f43] {
      display: flex;
      line-height: 30px;
      margin: 20px 0;
      font-size: 16px;
      color: #030303;
      align-items: center
    }

    .product-item .icon[data-v-721e4f43] {
      width: 36px;
      height: 36px;
      margin-right: 8px;
      background: url("/static/img/home/nav-sprite.png");
      background-position: 0px 0px
    }

    .product-item .icon2[data-v-721e4f43] {
      background-position: -36px 0px
    }

    .product-item .icon3[data-v-721e4f43] {
      background-position: -72px 0px
    }

    .product-item .icon4[data-v-721e4f43] {
      background-position: -108px 0px
    }

    .product-item .icon5[data-v-721e4f43] {
      background-position: -144px 0px
    }

    .product-item .icon6[data-v-721e4f43] {
      background-position: -180px 0px
    }

    .product-item .product-item-name[data-v-721e4f43] {
      position: relative
    }

    .product-item .product-item-name .hot-arrow[data-v-721e4f43] {
      position: absolute;
      top: 3px;
      right: 14px;
      transform: translateX(-50%);
      border: solid rgba(0, 0, 0, 0);
      border-width: 2px;
      border-top-color: #fd6361
    }

    .product-item .product-item-name .hot-content[data-v-721e4f43] {
      right: -20px;
      position: absolute;
      top: -13px;
      transform: translateX(-50%);
      background-color: #fd6361;
      color: #fff;
      padding: 0 6px;
      line-height: 16px;
      border-radius: 4px;
      font-size: 12px
    }

    .product-item[data-v-721e4f43]:hover {
      color: #308dff
    }

    .second-menu[data-v-721e4f43] {
      display: flex;
      color: #8e8e8e;
      font-size: 14px;
      line-height: 16px;
      margin-left: 44px
    }

    .product-second-item[data-v-721e4f43] {
      display: flex;
      margin-bottom: 22px
    }

    .product-second-item .product-second-item-name[data-v-721e4f43] {
      font-size: 16px;
      color: #8e8e8e;
      position: relative;
      cursor: pointer
    }

    .product-second-item .product-second-item-name .hot-arrow[data-v-721e4f43] {
      position: absolute;
      top: 0px;
      right: -10px;
      transform: translateX(-50%);
      border: solid rgba(0, 0, 0, 0);
      border-width: 2px;
      border-top-color: #fd6361
    }

    .product-second-item .product-second-item-name .hot-content[data-v-721e4f43] {
      right: -43px;
      position: absolute;
      top: -16px;
      transform: translateX(-50%);
      background-color: #fd6361;
      color: #fff;
      padding: 0 6px;
      line-height: 16px;
      border-radius: 4px;
      font-size: 12px
    }

    .product-second-item .product-second-item-name[data-v-721e4f43]:hover {
      color: #308dff
    }

    .product-second-item[data-v-721e4f43]:hover {
      color: #308dff
    }

    @keyframes grow-data-v-721e4f43 {
      from {
        height: 0
      }

      to {
        height: 251px
      }
    }
  </style>
  <style>
    .box[data-v-4d896bca] {
      height: 800px;
      position: relative
    }

    .container[data-v-4d896bca] {
      height: 800px;
      padding-top: 268px
    }

    .container .left[data-v-4d896bca] {
      width: 480px;
      z-index: 3
    }

    .w-576[data-v-4d896bca] {
      width: 576px !important
    }

    .w-576 h3[data-v-4d896bca] {
      margin-bottom: 46px
    }

    .w-520[data-v-4d896bca] {
      width: 520px !important
    }

    .w-520 .btn[data-v-4d896bca] {
      margin-top: 95px
    }

    .w-360[data-v-4d896bca] {
      width: 360px !important
    }

    .btn[data-v-4d896bca] {
      width: 160px;
      height: 48px;
      background: #308dff;
      box-shadow: 1px 8px 20px 1px rgba(27, 117, 229, .4);
      border-radius: 24px;
      font-size: 20px;
      color: #fff;
      line-height: 48px;
      z-index: 4;
      margin-top: 76px;
      display: inline-block;
      text-align: center
    }

    strong[data-v-4d896bca] {
      font-size: 24px;
      display: block;
      color: #6d6d6d;
      line-height: 46px
    }

    h3[data-v-4d896bca] {
      margin-bottom: 40px;
      font-size: 40px;
      line-height: 40px;
      font-weight: bold;
      color: #262626
    }

    section[data-v-4d896bca] {
      text-align: left
    }

    .lunbo1[data-v-4d896bca] {
      background: #308dff
    }

    .lunbo2[data-v-4d896bca] {
      background: #3b98ff
    }

    .lunbo3[data-v-4d896bca] {
      background: #4472c4
    }
  </style>
  <style>
    h3[data-v-0b8060a8] {
      font-size: 20px;
      line-height: 20px;
      font-weight: 500;
      color: #262626;
      padding-top: 20px;
      padding-bottom: 14px
    }

    strong[data-v-0b8060a8] {
      color: #3b3b3b;
      font-size: 20px
    }

    p[data-v-0b8060a8] {
      font-size: 20px;
      color: #8e8e8e;
      line-height: 32px
    }

    .info[data-v-0b8060a8] {
      height: 141px;
      width: 1260px;
      background: linear-gradient(180deg, #ffffff 0%, rgba(251, 253, 255, 0.9) 100%);
      box-shadow: 0px 8px 20px 1px rgba(164, 183, 207, .16);
      border-radius: 14px;
      position: absolute;
      top: 729px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      display: flex;
      align-items: center
    }

    .info span[data-v-0b8060a8] {
      font-size: 36px;
      font-weight: bold;
      display: inline-block;
      margin-right: -10px
    }

    .info h4[data-v-0b8060a8] {
      font-size: 36px;
      font-weight: bold;
      color: #4498ff;
      line-height: 36px
    }

    .info strong[data-v-0b8060a8] {
      padding-top: 13px;
      padding-bottom: 0;
      color: #262626;
      font-size: 20px;
      line-height: 20px
    }

    .info section[data-v-0b8060a8] {
      flex: 1;
      position: relative;
      text-align: center
    }

    .info section[data-v-0b8060a8]::before {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 1px;
      height: 73px;
      opacity: .4;
      content: "";
      background: #bfbfbf
    }

    .info section[data-v-0b8060a8]:nth-last-child(1)::before {
      display: none
    }

    .page1[data-v-0b8060a8] {
      height: 1031px;
      background: #fbfbff;
      padding-top: 206px
    }

    .page1 .icon[data-v-0b8060a8] {
      width: 72px;
      height: 72px
    }

    .page1 .box[data-v-0b8060a8] {
      width: 400px;
      height: 280px;
      background: #fff;
      border-radius: 14px;
      padding: 0 28px;
      padding-top: 32px;
      margin-bottom: 30px;
      border: 1px solid #fff;
      cursor: pointer;
      display: block
    }

    .page1 .box p[data-v-0b8060a8] {
      line-height: 32px;
      text-align: left
    }

    .page1 .box[data-v-0b8060a8]:hover {
      box-shadow: 0px 8px 20px 1px rgba(176, 198, 225, .16);
      border: 1px solid #308dff
    }

    .page1 .box:hover h3[data-v-0b8060a8] {
      color: #308dff
    }

    .page2[data-v-0b8060a8] {
      height: 1103px;
      padding-top: 136px
    }

    .page2 .box[data-v-0b8060a8] {
      width: 400px;
      background: #fff;
      border-radius: 14px;
      margin-bottom: 30px;
      padding-bottom: 28px;
      position: relative
    }

    .page2 .box h3[data-v-0b8060a8] {
      padding-top: 22px;
      padding-bottom: 12px
    }

    .page2 .box p[data-v-0b8060a8] {
      line-height: 20px
    }

    .page2 .box:hover h3[data-v-0b8060a8] {
      color: #308dff
    }

    .page2 .box .topBox[data-v-0b8060a8] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 22, 48, .55);
      border-radius: 14px 14px 14px 14px
    }

    .page2 .box .topBox a[data-v-0b8060a8] {
      width: 239px;
      height: 66px;
      background: #308dff;
      border-radius: 14px 14px 14px 14px;
      display: block;
      color: #fff;
      font-size: 20px;
      line-height: 66px;
      cursor: pointer
    }

    .page3[data-v-0b8060a8] {
      overflow: hidden;
      padding-top: 136px;
      height: 847px;
      position: relative
    }

    .page3 .img[data-v-0b8060a8] {
      width: 710px;
      padding-top: 24px;
      position: relative
    }

    .page3 .img .pulse[data-v-0b8060a8] {
      position: absolute;
      left: 59.75%;
      top: 84.2%;
      transform: translate(-50%, -50%);
      width: 10px;
      height: 10px;
      border: 3px solid #f90;
      border-radius: 50%;
      animation: pulse-data-v-0b8060a8 2s linear infinite;
      animation-delay: .5s !important
    }

    .page3 .flexColumn[data-v-0b8060a8] {
      text-align: left;
      align-items: flex-start
    }

    .page3 .faddein[data-v-0b8060a8] {
      position: absolute;
      top: 136px;
      left: 60.21%
    }

    .page3 .box h3[data-v-0b8060a8] {
      font-size: 42px;
      line-height: 42px;
      color: #f90;
      padding-top: 30px;
      padding-bottom: 16px;
      font-weight: bold
    }

    .page3 .box p[data-v-0b8060a8] {
      font-size: 24px;
      line-height: 24px;
      color: #262626
    }

    .page3 .box:nth-child(1) h3[data-v-0b8060a8] {
      padding-top: 0
    }

    @keyframes pulse-data-v-0b8060a8 {
      0% {
        width: 10px;
        height: 10px;
        opacity: 0
      }

      40% {
        width: 18px;
        height: 18px;
        opacity: .4
      }

      100% {
        width: 24px;
        height: 24px;
        opacity: 0
      }
    }

    .page4[data-v-0b8060a8] {
      padding-top: 136px;
      height: 828px;
      overflow: hidden
    }

    .page4 .container[data-v-0b8060a8] {
      width: 1604px
    }

    .page4 .imgBox[data-v-0b8060a8] {
      height: 400px;
      position: relative;
      overflow: hidden
    }

    .page4 .img[data-v-0b8060a8] {
      position: absolute;
      width: 100%;
      padding-bottom: 28px
    }

    .page4 .img1[data-v-0b8060a8] {
      position: absolute;
      animation: moveLeft1-data-v-0b8060a8 36s infinite linear;
      left: 0px;
      top: 0px;
      width: 100%;
      right: auto;
      bottom: auto
    }

    .page4 .img2[data-v-0b8060a8] {
      position: absolute;
      animation: moveLeft2-data-v-0b8060a8 36s infinite linear;
      left: 100%;
      top: 0px;
      width: 100%;
      right: auto;
      bottom: auto;
      float: left
    }

    .page4 .right1[data-v-0b8060a8] {
      animation: moveRight1-data-v-0b8060a8 36s infinite linear
    }

    .page4 .right2[data-v-0b8060a8] {
      animation: moveRight2-data-v-0b8060a8 36s infinite linear
    }

    @keyframes moveLeft1-data-v-0b8060a8 {
      0% {
        left: 0%
      }

      100% {
        left: -100%
      }
    }

    @keyframes moveLeft2-data-v-0b8060a8 {
      0% {
        left: 100%
      }

      100% {
        left: 0%
      }
    }

    @keyframes moveRight1-data-v-0b8060a8 {
      0% {
        left: 0%
      }

      100% {
        left: 100%
      }
    }

    @keyframes moveRight2-data-v-0b8060a8 {
      0% {
        left: -100%
      }

      100% {
        left: 0%
      }
    }

    .page5[data-v-0b8060a8] {
      height: 781px;
      padding-top: 136px
    }

    .page5 .box[data-v-0b8060a8] {
      width: 300px;
      height: 358px;
      background: #fff;
      border-radius: 14px;
      padding: 0 18px;
      justify-content: flex-start !important;
      padding-top: 48px
    }

    .page5 .box h3[data-v-0b8060a8] {
      font-size: 24px;
      line-height: 24px
    }

    .page5 .box p[data-v-0b8060a8] {
      text-align: left
    }

    .page5 .box .icon[data-v-0b8060a8] {
      width: 92px;
      height: 92px
    }

    .page5 .box[data-v-0b8060a8]:hover {
      background: linear-gradient(180deg, #cbe4ff 0%, rgba(59, 157, 255, 0.75) 100%)
    }

    .page5 .box:hover h3[data-v-0b8060a8] {
      color: #fff
    }

    .page5 .box:hover p[data-v-0b8060a8] {
      color: #fff
    }

    .page6[data-v-0b8060a8] {
      overflow: hidden;
      padding: 136px 0;
      background: #fbfbff
    }

    .page6 .container[data-v-0b8060a8] {
      width: 1280px
    }

    .page6 .container .flex[data-v-0b8060a8] {
      flex-wrap: nowrap;
      justify-content: flex-start;
      text-align: left;
      width: 100%;
      padding-bottom: 72px;
      background: #fff;
      border-radius: 14px;
      padding-left: 64px;
      margin-top: 65px;
      padding-top: 63px
    }

    .page6 .container .flex h3[data-v-0b8060a8] {
      font-size: 24px;
      line-height: 24px;
      display: block;
      padding-left: 22px;
      padding-top: 0;
      padding-bottom: 34px;
      position: relative
    }

    .page6 .container .flex h3[data-v-0b8060a8]::before {
      position: absolute;
      top: -2px;
      left: 0;
      display: block;
      content: "";
      width: 9px;
      height: 28px;
      background: #3b9dff
    }

    .page6 .container .flex strong[data-v-0b8060a8] {
      line-height: 20px;
      font-weight: 500;
      color: #262626
    }

    .page6 .container .flex .mr-90[data-v-0b8060a8] {
      margin-right: 90px
    }

    .page6 .container .flex .news[data-v-0b8060a8] {
      width: 530px
    }

    .page6 .container .flex .news .firstBox[data-v-0b8060a8] {
      padding-top: 40px;
      padding-bottom: 16px;
      transition: all .3s linear;
      cursor: pointer
    }

    .page6 .container .flex .news .firstBox[data-v-0b8060a8]:hover {
      transform: scale(1.08)
    }

    .page6 .container .flex .news .firstBox .img[data-v-0b8060a8] {
      width: 184px
    }

    .page6 .container .flex .news .firstBox .word[data-v-0b8060a8] {
      width: 320px;
      overflow: hidden;
      align-items: flex-start;
      justify-content: space-between
    }

    .page6 .container .flex .news .firstBox .word p[data-v-0b8060a8] {
      width: 320px;
      padding: 0;
      line-height: 20px
    }

    .page6 .container .flex .news .firstBox .word strong[data-v-0b8060a8] {
      line-height: 28px
    }

    .page6 .container .flex .news .box[data-v-0b8060a8] {
      border-bottom: 1px solid #f0f0f0;
      transition: all .3s linear;
      cursor: pointer;
      display: block
    }

    .page6 .container .flex .news .box[data-v-0b8060a8]:nth-last-child(1) {
      border: none
    }

    .page6 .container .flex .news .box[data-v-0b8060a8]:hover {
      transform: scale(1.05)
    }

    .page6 .container .flex .news .box .flexWrap[data-v-0b8060a8] {
      padding-top: 25px;
      padding-bottom: 16px
    }

    .page6 .container .flex .news .box .flexWrap strong[data-v-0b8060a8] {
      width: 80%
    }

    .page6 .container .flex .news .box .flexWrap p[data-v-0b8060a8] {
      padding: 0
    }

    .page6 .container .flex .news h3[data-v-0b8060a8] {
      padding-bottom: 9px;
      position: relative
    }

    .page6 .container .flex .news h3 a[data-v-0b8060a8] {
      position: absolute;
      right: 0;
      font-size: 20px;
      color: #3b9dff
    }

    .page6 .container .flex .news p[data-v-0b8060a8] {
      font-size: 16px;
      line-height: 16px;
      padding-bottom: 25px
    }

    .page7[data-v-0b8060a8] {
      height: 589px;
      padding-top: 125px;
      text-align: left
    }

    .page7 section[data-v-0b8060a8]:nth-child(2) {
      width: 630px
    }

    .page7 h2[data-v-0b8060a8] {
      line-height: 40px;
      font-size: 40px;
      font-weight: 500;
      color: #262626;
      padding-bottom: 30px
    }

    .page7 h3[data-v-0b8060a8] {
      font-size: 24px;
      line-height: 24px;
      padding: 0;
      margin-bottom: 34px
    }

    .page7 strong[data-v-0b8060a8] {
      padding: 0;
      font-weight: 500;
      display: flex;
      align-items: center;
      padding-bottom: 18px;
      padding-left: 67px;
      line-height: 42px
    }

    .page7 .icon[data-v-0b8060a8] {
      width: 42px;
      height: 42px;
      margin-right: 25px
    }

    .page7 .container .flexWrap[data-v-0b8060a8] {
      padding-bottom: 14px
    }

    .page7 .need[data-v-0b8060a8] {
      width: 100% !important;
      height: 94px;
      background: #fff;
      border-radius: 4px;
      border: 1px solid #aaa;
      background: #fff;
      font-size: 20px;
      color: #8e8e8e;
      padding: 16px;
      padding-left: 30px;
      padding-top: 12px;
      font-family: Noto Sans S Chinese-Regular, Noto Sans S Chinese
    }

    .page7 .primary[data-v-0b8060a8] {
      width: 100%;
      height: 52px;
      background: #0080ff;
      border-radius: 4px;
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      margin-top: 34px
    }

    .page7 .primary[data-v-0b8060a8]:hover {
      opacity: .9
    }

    .page7[data-v-0b8060a8] ::-webkit-input-placeholder {
      color: #b2b2b2
    }

    [data-v-0b8060a8].el-input {
      width: 300px;
      position: relative
    }

    [data-v-0b8060a8].el-input::before {
      content: "*";
      color: red;
      position: absolute;
      left: 16px;
      top: 16px;
      display: block;
      width: 4px;
      height: 40px;
      font-size: 20px
    }

    [data-v-0b8060a8] .el-input--mini .el-input__inner {
      height: 52px;
      line-height: 52px;
      font-size: 20px;
      border: 1px solid #aaa;
      padding-left: 30px;
      color: #8e8e8e
    }

    [data-v-0b8060a8] .el-input.is-active .el-input__inner,
    .el-input__inner[data-v-0b8060a8]:focus {
      border-color: #aaa;
      outline: 0
    }
  </style>
</head>

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" οncοpy="return false">
  <div id="app">
    <div data-v-069835ec="" class="app-wrapper">
      <section data-v-721e4f43="" data-v-069835ec="">
        <section data-v-721e4f43="" style="height: 70px;"></section>
        <section data-v-721e4f43="" class="nav_outer">
          <header data-v-721e4f43="" class="container flex nav_box"><a data-v-721e4f43="" href="/"
              class="logo flexRow"><img data-v-721e4f43="" src="/static/img/home/logo.png" alt="为乐信息科技logo"></a>
            <nav data-v-721e4f43="" class="flex"><a data-v-721e4f43="" href="/" class="navItem actItem">
                首页
                <!----></a><a data-v-721e4f43="" href="javascript:void(0);" class="navItem">
                产品中心
                <!----></a><a data-v-721e4f43="" href="/case/college" class="navItem">
                客户案例
                <!----></a><a data-v-721e4f43="" href="/cooperate/dealer" class="navItem">
                合作共赢
                <!----></a><a data-v-721e4f43="" href="/news/company" class="navItem">
                新闻中心
                <!----></a><a data-v-721e4f43="" href="/about/company" class="navItem">
                关于我们
                <!----></a>
              <p data-v-721e4f43="" class="number">
              <section data-v-721e4f43="" class="icon"></section>
              400-169-8169
              </p>
            </nav>
          </header>
        </section>
      </section>
      <main data-v-0b8060a8="" data-v-069835ec="" class="p-r">
        <div data-v-4d896bca="" data-v-0b8060a8="" class="el-carousel el-carousel--horizontal">
          <div class="el-carousel__container" style="height: 800px;"><button type="button"
              class="el-carousel__arrow el-carousel__arrow--left" style="display: none;"><i
                class="el-icon-arrow-left"></i></button><button type="button"
              class="el-carousel__arrow el-carousel__arrow--right" style="display: none;"><i
                class="el-icon-arrow-right"></i></button>
            <div data-v-4d896bca="" class="el-carousel__item is-active is-animating"
              style="transform: translateX(0px) scale(1);"><!---->
              <section data-v-4d896bca="" class="box bg" data-src="/static/img/home/lunbo4.png" lazy="loaded"
                style="background-image: url(&quot;/static/img/home/lunbo4.png&quot;);">
                <section data-v-4d896bca="" class="container">
                  <section data-v-4d896bca="" class="left w-520">
                    <h3 data-v-4d896bca="">高校实验室安全规范管理平台</h3> <strong data-v-4d896bca="">贴合高校实际需求 符合教育部要求</strong>
                    <strong data-v-4d896bca="">实现规范化、常态化管理，切实保障实验室安全</strong> <a data-v-4d896bca=""
                      href="/product/standard" class="btn lunbo4">查看详情</a>
                  </section>
                </section>
              </section>
            </div>
            <div data-v-4d896bca="" class="el-carousel__item" style="transform: translateX(1260px) scale(1);"><!---->
              <section data-v-4d896bca="" class="box bg" data-src="/static/img/home/lunbo1.png" lazy="loading"
                style="background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                <section data-v-4d896bca="" class="container">
                  <section data-v-4d896bca="" class="left">
                    <h3 data-v-4d896bca="">实验室综合管理平台</h3> <strong data-v-4d896bca="">对实验室人员、仪器、试剂、危险源、环境等全方位管理</strong>
                    <strong data-v-4d896bca="">让实验室管理更便捷、更安全</strong> <a data-v-4d896bca="" href="/product/synthetical"
                      class="btn lunbo1">查看详情</a>
                  </section>
                </section>
              </section>
            </div>
            <div data-v-4d896bca="" class="el-carousel__item" style="transform: translateX(-2520px) scale(1);"><!---->
              <section data-v-4d896bca="" class="box bg" data-src="/static/img/home/lunbo2.png" lazy="loading"
                style="background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                <section data-v-4d896bca="" class="container">
                  <section data-v-4d896bca="" class="left w-576">
                    <h3 data-v-4d896bca="">实验室安全分级分类管理系统</h3> <strong data-v-4d896bca="">危险源风险辨识</strong> <strong
                      data-v-4d896bca="">分级管理、分类施策、动态调整、精准防范、安全闭环</strong> <a data-v-4d896bca=""
                      href="/product/classify" class="btn lunbo2">查看详情</a>
                  </section>
                </section>
              </section>
            </div>
            <div data-v-4d896bca="" class="el-carousel__item" style="transform: translateX(-1260px) scale(1);"><!---->
              <section data-v-4d896bca="" class="box bg" data-src="/static/img/home/lunbo3.png" lazy="loading"
                style="background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                <section data-v-4d896bca="" class="container">
                  <section data-v-4d896bca="" class="left">
                    <h3 data-v-4d896bca="">实验室危化品管理系统</h3> <strong data-v-4d896bca="">危化品全生命周期管理</strong> <strong
                      data-v-4d896bca="">库存可查、来源可循、去向可追、状态可控</strong> <a data-v-4d896bca="" href="/product/hazardous"
                      class="btn lunbo3">查看详情</a>
                  </section>
                </section>
              </section>
            </div>
          </div><!---->
        </div>
        <section data-v-0b8060a8="" class="info">
          <section data-v-0b8060a8="">
            <h4 data-v-0b8060a8=""><!----> 专注
            </h4> <strong data-v-0b8060a8="">实验室信息化管理</strong>
          </section>
          <section data-v-0b8060a8="">
            <h4 data-v-0b8060a8=""><span data-v-0b8060a8="">
                2
              </span> 大
            </h4> <strong data-v-0b8060a8="">产品线</strong>
          </section>
          <section data-v-0b8060a8="">
            <h4 data-v-0b8060a8=""><span data-v-0b8060a8="">
                9
              </span> 年
            </h4> <strong data-v-0b8060a8="">实验室信息化服务经验</strong>
          </section>
          <section data-v-0b8060a8="">
            <h4 data-v-0b8060a8=""><span data-v-0b8060a8="">
                190
              </span> +
            </h4> <strong data-v-0b8060a8="">高校、科研单位的成功选择</strong>
          </section>
        </section>
        <section data-v-0b8060a8="" class="page1">
          <article data-v-0b8060a8="" class="container">
            <section data-v-56f28ad5="" data-v-0b8060a8="">
              <h2 data-v-56f28ad5="">产品中心</h2> <strong
                data-v-56f28ad5="">打造实验室危险源、人员、仪器、试剂、方法、环境等多维一体的智慧实验室生态系统</strong>
            </section>
            <section data-v-0b8060a8="" class="flexWrap"><a data-v-0b8060a8="" href="/product/standard" target="_self"
                class="box">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p1-sprite.png" lazy="loading"
                  style="background-position: 0px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">高校实验室安全规范管理平台</h3>
                <p data-v-0b8060a8="">安全责任体系、安全管理制度、教育培训、安全准入条件保障、危险源等全方位、规范化、常态化管理</p>
              </a><a data-v-0b8060a8="" href="/product/classify" target="_self" class="box">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p1-sprite.png" lazy="loading"
                  style="background-position: -72px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">实验室安全分级分类管理系统</h3>
                <p data-v-0b8060a8="">分级分类自动判定，实现“分级管理、分类施策、动态调整、精准防范、安全闭环”管理体制</p>
              </a><a data-v-0b8060a8="" href="/product/synthetical" target="_self" class="box">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p1-sprite.png" lazy="loading"
                  style="background-position: -144px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">实验室综合管理平台</h3>
                <p data-v-0b8060a8="">实验室安全教育考试准入、危化品全生命周期管理、仪器预约共享管理、安全检查等智慧化解决方案</p>
              </a><a data-v-0b8060a8="" href="/product/wise" target="_self" class="box">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p1-sprite.png" lazy="loading"
                  style="background-position: -216px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">智慧实验室管理平台</h3>
                <p data-v-0b8060a8="">集物联网智能硬件、业务系统、数据中台、智能预警应急预案于一体的智慧实验室管理平台</p>
              </a><a data-v-0b8060a8="" href="/product/lims" target="_self" class="box">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p1-sprite.png" lazy="loading"
                  style="background-position: -288px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">实验室信息管理系统LIMS</h3>
                <p data-v-0b8060a8="">检测业务管理、样品管理、资源管理、质量管理、数据采集等，全流程业务管理，提高检测效率</p>
              </a><a data-v-0b8060a8="" href="http://sj.weileit.com/#/login" target="_blank" class="box">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p1-sprite.png" lazy="loading"
                  style="background-position: -360px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">试剂通-SAAS</h3>
                <p data-v-0b8060a8="">针对中小实验室(课题组、企业内部实验室)推出的试剂耗材管理系统</p>
              </a></section>
          </article>
        </section>
        <section data-v-0b8060a8="" class="page2 bg" data-src="/static/img/home/bg-page2.png" lazy="loading"
          style="background-image: url(&quot;/img/default.1131eefb.png&quot;);">
          <article data-v-0b8060a8="" class="container">
            <section data-v-56f28ad5="" data-v-0b8060a8="">
              <h2 data-v-56f28ad5="">解决方案</h2> <strong data-v-56f28ad5="">丰富的行业最佳实践方案，满足不同领域需求，让实验室更智能，易于管理</strong>
            </section>
            <section data-v-0b8060a8="" class="flexWrap">
              <section data-v-0b8060a8="" class="box"><img data-v-0b8060a8="" alt="高校实验室管理系统"
                  data-src="/static/img/home/page2-2.png" src="/img/default.1131eefb.png" lazy="loading">
                <h3 data-v-0b8060a8="">高校实验室管理系统</h3>
                <p data-v-0b8060a8="">校级/院级/课题组</p>
                <section data-v-0b8060a8="" class="topBox flexColumn" style="display: none;"><a data-v-0b8060a8=""
                    href="https://affim.baidu.com/unique_29804357/chat?siteId=14374257&amp;userId=29804357&amp;siteToken=520b588cd95edd77d27a035ef9054580"
                    target="_blank">在线获取解决方案</a></section>
              </section>
              <section data-v-0b8060a8="" class="box"><img data-v-0b8060a8="" alt="中小学实验管理系统"
                  data-src="/static/img/home/page2-1.png" src="/img/default.1131eefb.png" lazy="loading">
                <h3 data-v-0b8060a8="">中小学实验管理系统</h3>
                <p data-v-0b8060a8="">化工/生物/物理/实验室</p>
                <section data-v-0b8060a8="" class="topBox flexColumn" style="display: none;"><a data-v-0b8060a8=""
                    href="https://affim.baidu.com/unique_29804357/chat?siteId=14374257&amp;userId=29804357&amp;siteToken=520b588cd95edd77d27a035ef9054580"
                    target="_blank">在线获取解决方案</a></section>
              </section>
              <section data-v-0b8060a8="" class="box"><img data-v-0b8060a8="" alt="科研院所实验室管理系统"
                  data-src="/static/img/home/page2-3.png" src="/img/default.1131eefb.png" lazy="loading">
                <h3 data-v-0b8060a8="">科研院所实验室管理系统</h3>
                <p data-v-0b8060a8="">中科院/农科院/医药/化工/环境/海洋研究院</p>
                <section data-v-0b8060a8="" class="topBox flexColumn" style="display: none;"><a data-v-0b8060a8=""
                    href="https://affim.baidu.com/unique_29804357/chat?siteId=14374257&amp;userId=29804357&amp;siteToken=520b588cd95edd77d27a035ef9054580"
                    target="_blank">在线获取解决方案</a></section>
              </section>
              <section data-v-0b8060a8="" class="box"><img data-v-0b8060a8="" alt="医院实验室管理系统"
                  data-src="/static/img/home/page2-4.png" src="/img/default.1131eefb.png" lazy="loading">
                <h3 data-v-0b8060a8="">医院实验室管理系统</h3>
                <p data-v-0b8060a8="">三甲/高校附属/区域医院</p>
                <section data-v-0b8060a8="" class="topBox flexColumn" style="display: none;"><a data-v-0b8060a8=""
                    href="https://affim.baidu.com/unique_29804357/chat?siteId=14374257&amp;userId=29804357&amp;siteToken=520b588cd95edd77d27a035ef9054580"
                    target="_blank">在线获取解决方案</a></section>
              </section>
              <section data-v-0b8060a8="" class="box"><img data-v-0b8060a8="" alt="事业单位实验室管理系统"
                  data-src="/static/img/home/page2-5.png" src="/img/default.1131eefb.png" lazy="loading">
                <h3 data-v-0b8060a8="">事业单位实验室管理系统</h3>
                <p data-v-0b8060a8="">CDC/质检/食药/环境检测等单位</p>
                <section data-v-0b8060a8="" class="topBox flexColumn" style="display: none;"><a data-v-0b8060a8=""
                    href="https://affim.baidu.com/unique_29804357/chat?siteId=14374257&amp;userId=29804357&amp;siteToken=520b588cd95edd77d27a035ef9054580"
                    target="_blank">在线获取解决方案</a></section>
              </section>
              <section data-v-0b8060a8="" class="box"><img data-v-0b8060a8="" alt="企业实验室管理系统"
                  data-src="/static/img/home/page2-6.png" src="/img/default.1131eefb.png" lazy="loading">
                <h3 data-v-0b8060a8="">企业实验室管理系统</h3>
                <p data-v-0b8060a8="">第三方检测/医药/生物医疗/基因检测</p>
                <section data-v-0b8060a8="" class="topBox flexColumn" style="display: none;"><a data-v-0b8060a8=""
                    href="https://affim.baidu.com/unique_29804357/chat?siteId=14374257&amp;userId=29804357&amp;siteToken=520b588cd95edd77d27a035ef9054580"
                    target="_blank">在线获取解决方案</a></section>
              </section>
            </section>
          </article>
        </section>
        <section data-v-0b8060a8="" class="page3 bg" data-src="/static/img/home/bg-page3.png" lazy="loading"
          style="background-image: url(&quot;/img/default.1131eefb.png&quot;);">
          <article data-v-0b8060a8="" class="container">
            <section data-v-0b8060a8="" class="img"><img data-v-0b8060a8="" alt="省、直辖市、自治区，服务网络覆盖全国"
                data-src="/static/img/home/map.png" src="/img/default.1131eefb.png" lazy="loading">
              <section data-v-0b8060a8="" class="pulse"></section>
            </section>
            <section data-v-0b8060a8="" class="flexColumn faddein">
              <section data-v-0b8060a8="" data-wow-duration="1.5s" data-wow-delay="0.05s" class="box wow fadeInRightBig"
                style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.05s; animation-name: none;">
                <h3 data-v-0b8060a8="">10年</h3>
                <p data-v-0b8060a8="">高校、科研单位的成功选择</p>
              </section>
              <section data-v-0b8060a8="" data-wow-duration="1.5s" data-wow-delay="0.07s" class="box wow fadeInRightBig"
                style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.07s; animation-name: none;">
                <h3 data-v-0b8060a8="">300+</h3>
                <p data-v-0b8060a8="">科研单位选择为乐信息科技</p>
              </section>
              <section data-v-0b8060a8="" data-wow-duration="1.5s" data-wow-delay="0.09s" class="box wow fadeInRightBig"
                style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.09s; animation-name: none;">
                <h3 data-v-0b8060a8="">15000+</h3>
                <p data-v-0b8060a8="">课题组</p>
              </section>
              <section data-v-0b8060a8="" data-wow-duration="1.5s" data-wow-delay="0.11s" class="box wow fadeInRightBig"
                style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.11s; animation-name: none;">
                <h3 data-v-0b8060a8="">450000+</h3>
                <p data-v-0b8060a8="">师生用户在使用为乐产品</p>
              </section>
              <section data-v-0b8060a8="" data-wow-duration="1.5s" data-wow-delay="0.13s" class="box wow fadeInRightBig"
                style="visibility: hidden; animation-duration: 1.5s; animation-delay: 0.13s; animation-name: none;">
                <h3 data-v-0b8060a8="">25个</h3>
                <p data-v-0b8060a8="">省、直辖市、自治区，服务网络覆盖全国</p>
              </section>
            </section>
          </article>
        </section>
        <section data-v-0b8060a8="" class="page4">
          <section data-v-0b8060a8="" class="container">
            <section data-v-56f28ad5="" data-v-0b8060a8="">
              <h2 data-v-56f28ad5="">客户案例</h2> <strong data-v-56f28ad5="">已帮助300+高校、科研单位提高实验室信息化管理水平</strong>
            </section>
            <section data-v-0b8060a8="" class="imgBox">
              <section data-v-0b8060a8="" class="img transImg"><img data-v-0b8060a8="" alt="已帮助300+高校、科研单位提高实验室信息化管理水平"
                  class="img1" data-src="/static/img/home/page4-1.png" src="/img/default.1131eefb.png" lazy="loading">
                <img data-v-0b8060a8="" alt="已帮助300+高校、科研单位提高实验室信息化管理水平" class="img2"
                  data-src="/static/img/home/page4-1.png" src="/img/default.1131eefb.png" lazy="loading"></section>
              <section data-v-0b8060a8="" class="img transImg" style="top: 107px;"><img data-v-0b8060a8=""
                  alt="已帮助300+高校、科研单位提高实验室信息化管理水平" class="img1 right1" data-src="/static/img/home/page4-2.png"
                  src="/img/default.1131eefb.png" lazy="loading"> <img data-v-0b8060a8=""
                  alt="已帮助300+高校、科研单位提高实验室信息化管理水平" class="img2 right2" data-src="/static/img/home/page4-2.png"
                  src="/img/default.1131eefb.png" lazy="loading"></section>
              <section data-v-0b8060a8="" class="img transImg" style="top: 214px;"><img data-v-0b8060a8=""
                  alt="已帮助300+高校、科研单位提高实验室信息化管理水平" class="img1" data-src="/static/img/home/page4-3.png"
                  src="/img/default.1131eefb.png" lazy="loading"> <img data-v-0b8060a8=""
                  alt="已帮助300+高校、科研单位提高实验室信息化管理水平" class="img2" data-src="/static/img/home/page4-3.png"
                  src="/img/default.1131eefb.png" lazy="loading"></section>
              <section data-v-0b8060a8="" class="img transImg" style="top: 321px;"><img data-v-0b8060a8=""
                  alt="已帮助300+高校、科研单位提高实验室信息化管理水平" class="img1 right1" data-src="/static/img/home/page4-4.png"
                  src="/img/default.1131eefb.png" lazy="loading"> <img data-v-0b8060a8=""
                  alt="已帮助300+高校、科研单位提高实验室信息化管理水平" class="img2 right2" data-src="/static/img/home/page4-4.png"
                  src="/img/default.1131eefb.png" lazy="loading"></section>
            </section>
          </section>
        </section>
        <section data-v-0b8060a8="" class="page5 bg" data-src="/static/img/home/bg-page5.png" lazy="loading"
          style="background-image: url(&quot;/img/default.1131eefb.png&quot;);">
          <article data-v-0b8060a8="" class="container">
            <section data-v-56f28ad5="" data-v-0b8060a8="">
              <h2 data-v-56f28ad5="">选择为乐的理由</h2> <strong data-v-56f28ad5="">实验室信息化解决方案提供商 · 为乐信息科技</strong>
            </section>
            <section data-v-0b8060a8="" class="flexWrap">
              <section data-v-0b8060a8="" class="box flexColumn">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p5-sprite.png" lazy="loading"
                  style="background-position: 0px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">专注行业定位</h3>
                <p data-v-0b8060a8="">一直专注做实验室信息化管理整体解决方案，聚焦高校、医院、科研院所等领域</p>
              </section>
              <section data-v-0b8060a8="" class="box flexColumn">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p5-sprite.png" lazy="loading"
                  style="background-position: -92px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">配置专业团队</h3>
                <p data-v-0b8060a8="">拥有15年实验室信息化服务经验的老师深度了解用户需求，提供专业可靠的解决方案</p>
              </section>
              <section data-v-0b8060a8="" class="box flexColumn">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p5-sprite.png" lazy="loading"
                  style="background-position: -184px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">产品高效全面</h3>
                <p data-v-0b8060a8="">产品功能模块组件化，按需配置可拓展性强支持二次开发</p>
              </section>
              <section data-v-0b8060a8="" class="box flexColumn">
                <section data-v-0b8060a8="" class="icon" data-src="/static/img/home/p5-sprite.png" lazy="loading"
                  style="background-position: -276px 0px; background-image: url(&quot;/img/default.1131eefb.png&quot;);">
                </section>
                <h3 data-v-0b8060a8="">提供优质服务</h3>
                <p data-v-0b8060a8="">遵从本地化服务，专人跟进快速响应现场或远程在线支持，全程无忧</p>
              </section>
            </section>
          </article>
        </section>
        <section data-v-0b8060a8="" class="page6">
          <article data-v-0b8060a8="" class="container">
            <section data-v-56f28ad5="" data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="0s"
              class="wow fadeInUp"
              style="visibility: hidden; animation-duration: 2s; animation-delay: 0s; animation-name: none;">
              <h2 data-v-56f28ad5="">新闻中心</h2> <!---->
            </section>
            <section data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="0.6s" class="flex wow fadeInUp"
              style="visibility: hidden; animation-duration: 2s; animation-delay: 0.6s; animation-name: none;">
              <section data-v-0b8060a8="" class="news mr-90">
                <h3 data-v-0b8060a8="">公司新闻<a data-v-0b8060a8="" href="/news/company">查看更多</a></h3> <a
                  data-v-0b8060a8="" href="/news/detail/undefined" target="_blank" class="flexWrap firstBox">
                  <section data-v-0b8060a8="" class="img"><img data-v-0b8060a8="" alt=""
                      data-src="https://www.weileit.com/wlwz" src="/img/default.1131eefb.png" lazy="loading"></section>
                  <section data-v-0b8060a8="" class="word flexColumn"><strong data-v-0b8060a8="" data-wow-duration="2s"
                      data-wow-delay="0.4s" class="ellipsis-2 wow fadeInUp"
                      style="visibility: hidden; animation-duration: 2s; animation-delay: 0.4s; animation-name: none;"></strong>
                    <p data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="0.8s" class="ellipsis wow fadeInUp"
                      style="visibility: hidden; animation-duration: 2s; animation-delay: 0.8s; animation-name: none;">
                    </p>
                  </section>
                </a> <a data-v-0b8060a8="" href="/news/detail/undefined" target="_blank" class="box"
                  style="display: none;">
                  <section data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="0.4s"
                    class="flexWrap wow fadeInUp animated"
                    style="visibility: visible; animation-duration: 2s; animation-delay: 0.4s;"><strong
                      data-v-0b8060a8="" class="ellipsis"></strong>
                    <p data-v-0b8060a8=""></p>
                  </section>
                  <p data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="0.8s"
                    class="ellipsis wow fadeInUp animated"
                    style="visibility: visible; animation-duration: 2s; animation-delay: 0.8s;"></p>
                </a>
              </section>
              <section data-v-0b8060a8="" class="news">
                <h3 data-v-0b8060a8="">行业资讯<a data-v-0b8060a8="" href="/news/industry">查看更多</a></h3> <a
                  data-v-0b8060a8="" href="/news/detail/undefined" target="_blank" class="flexWrap firstBox">
                  <section data-v-0b8060a8="" class="img"><img data-v-0b8060a8="" alt=""
                      data-src="https://www.weileit.com/wlwz" src="/img/default.1131eefb.png" lazy="loading"></section>
                  <section data-v-0b8060a8="" class="word flexColumn"><strong data-v-0b8060a8="" data-wow-duration="2s"
                      data-wow-delay="0.4s" class="ellipsis-2 wow fadeInUp"
                      style="visibility: hidden; animation-duration: 2s; animation-delay: 0.4s; animation-name: none;"></strong>
                    <p data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="0.8s" class="ellipsis wow fadeInUp"
                      style="visibility: hidden; animation-duration: 2s; animation-delay: 0.8s; animation-name: none;">
                    </p>
                  </section>
                </a> <a data-v-0b8060a8="" href="/news/detail/undefined" target="_blank" class="box"
                  style="display: none;">
                  <section data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="1s"
                    class="flexWrap wow fadeInUp animated"
                    style="visibility: visible; animation-duration: 2s; animation-delay: 1s;"><strong data-v-0b8060a8=""
                      class="ellipsis"></strong>
                    <p data-v-0b8060a8=""></p>
                  </section>
                  <p data-v-0b8060a8="" data-wow-duration="2s" data-wow-delay="2s"
                    class="ellipsis wow fadeInUp animated"
                    style="visibility: visible; animation-duration: 2s; animation-delay: 2s;"></p>
                </a>
              </section>
            </section>
          </article>
        </section>
        <section data-v-0b8060a8="" class="page7 bg" data-src="/static/img/home/bg-page7.png" lazy="loading"
          style="background-image: url(&quot;/img/default.1131eefb.png&quot;);">
          <article data-v-0b8060a8="" class="container flexWrap">
            <section data-v-0b8060a8="">
              <h2 data-v-0b8060a8="">联系我们</h2> <strong data-v-0b8060a8="">400-169-8169 | 020-37267381</strong> <strong
                data-v-0b8060a8="">3475907522</strong> <strong data-v-0b8060a8="">yewu@weileit.com</strong> <strong
                data-v-0b8060a8="">广州市增城区宁西街香山大道44号粤浦产业园3号楼9层</strong>
            </section>
            <section data-v-0b8060a8="">
              <h3 data-v-0b8060a8="">10秒提交需求，给您提供合适解决方案</h3>
              <section data-v-0b8060a8="" class="flexWrap">
                <div data-v-0b8060a8="" class="el-input el-input--mini"><!----><input type="text" autocomplete="off"
                    placeholder="请输入您的单位名称" class="el-input__inner"><!----><!----><!----><!----></div>
                <div data-v-0b8060a8="" class="el-input el-input--mini"><!----><input type="text" autocomplete="off"
                    placeholder="请输入您的城市" class="el-input__inner"><!----><!----><!----><!----></div>
              </section>
              <section data-v-0b8060a8="" class="flexWrap">
                <div data-v-0b8060a8="" class="el-input el-input--mini"><!----><input type="text" autocomplete="off"
                    placeholder="请输入您的姓名" class="el-input__inner"><!----><!----><!----><!----></div>
                <div data-v-0b8060a8="" class="el-input el-input--mini"><!----><input type="text" autocomplete="off"
                    placeholder="请输入您的手机号码" class="el-input__inner"><!----><!----><!----><!----></div>
              </section>
              <section data-v-0b8060a8="" class="needBox"><textarea data-v-0b8060a8="" placeholder="请输入您的需求信息"
                  class="need"></textarea></section> <button data-v-0b8060a8="" class="primary">确认提交</button>
            </section>
          </article>
        </section>
      </main>
      <section data-v-1edf2814="" data-v-069835ec="">
        <footer data-v-1edf2814="" class="footer">
          <section data-v-1edf2814="" class="container flex">
            <section data-v-1edf2814="" class="left"><img data-v-1edf2814="" alt="为乐信息科技logo" class="logo"
                data-src="/static/img/home/logo-bottom.png" src="/img/default.1131eefb.png" lazy="loading">
              <p data-v-1edf2814="">全国客服热线: 400-169-8169 | 020-37267381</p>
              <p data-v-1edf2814="">邮箱: yewu@weileit.com</p>
              <p data-v-1edf2814="">广州市增城区宁西街香山大道44号粤浦产业园3号楼9层</p> <img data-v-1edf2814="" alt="为乐信息科技微信公众号二维码"
                class="code" data-src="/static/img/home/code.png" src="/img/default.1131eefb.png" lazy="loading">
              <p data-v-1edf2814="" class="pd">为乐信息科技公众号</p>
            </section>
            <section data-v-1edf2814="" class="mr-69">
              <h5 data-v-1edf2814="">产品中心</h5> <a data-v-1edf2814="" href="/product/standard"
                target="_self">高校实验室安全规范管理平台</a><a data-v-1edf2814="" href="/product/classify"
                target="_self">实验室安全分级分类管理系统</a><a data-v-1edf2814="" href="/product/synthetical"
                target="_self">实验室综合管理平台</a><a data-v-1edf2814="" href="/product/wise" target="_self">智慧实验室管理平台</a><a
                data-v-1edf2814="" href="/product/lims" target="_self">实验室信息管理系统LIMS</a><a data-v-1edf2814=""
                href="http://sj.weileit.com/#/login" target="_blank">试剂通-SAAS</a><a data-v-1edf2814=""
                href="/product/safety" target="_self">实验室安全管理系统</a>
            </section>
            <section data-v-1edf2814="" class="mr-69">
              <h5 data-v-1edf2814="">成功案例</h5> <a data-v-1edf2814="" href="/case/college" target="_self">高校</a><a
                data-v-1edf2814="" href="/case/institute" target="_self">政府科研机构</a><a data-v-1edf2814=""
                href="/case/enterprise" target="_self">企业/第三方检测</a>
            </section>
            <section data-v-1edf2814="" class="mr-69">
              <h5 data-v-1edf2814="">新闻中心</h5> <a data-v-1edf2814="" href="/news/company" target="_self">公司新闻</a><a
                data-v-1edf2814="" href="/news/industry" target="_self">行业新闻</a>
            </section>
            <section data-v-1edf2814="" class="mr-69">
              <h5 data-v-1edf2814="">合作共赢</h5> <a data-v-1edf2814="" href="/cooperate/dealer" target="_self">我是经销商</a><a
                data-v-1edf2814="" href="/cooperate/business" target="_self">我是厂商</a>
            </section>
            <section data-v-1edf2814="" class="mr-69">
              <h5 data-v-1edf2814="">关于我们</h5> <a data-v-1edf2814="" href="/about/company" target="_self">公司简介</a><a
                data-v-1edf2814="" href="/about/honor" target="_self">荣誉资质</a><a data-v-1edf2814=""
                href="/about/contact" target="_self">联系我们</a>
            </section>
          </section>
          <section data-v-1edf2814="" class="copyright">
            <p data-v-1edf2814="" class="one">Copyright 2015-2024 广州为乐信息科技有限公司 版权所有<a data-v-1edf2814=""
                href="https://beian.miit.gov.cn/#/" target="_blank">粤ICP备15098205号</a></p>
            <p data-v-1edf2814="" class="two">申请友链：3475907522</p>
            <p data-v-1edf2814="" class="lianjie"><span data-v-1edf2814="" class="text">友情链接：</span><a
                data-v-1edf2814="" href="/product/safety" target="_blank">实验室安全管理系统</a><a data-v-1edf2814=""
                href="http://sj.weileit.com/#/login?type=register" target="_blank">试剂通</a><a data-v-1edf2814=""
                href="http://yqgx.tsinghua.edu.cn/webSite/websiteAction.do?ms=goToIndex" target="_blank">大型仪器共享平台</a><a
                data-v-1edf2814="" href="http://www.sz-skt.com/" target="_blank">MES系统</a><a data-v-1edf2814=""
                href="http://www.hexiyiqi.com/" target="_blank">赫西仪器|实验室离心机</a><a data-v-1edf2814=""
                href="http://www.brolab.cn/" target="_blank">实验室设计装修</a><a data-v-1edf2814=""
                href="http://www.021gwx.com/" target="_blank">低温试验箱</a><a data-v-1edf2814=""
                href="http://www.ywxsh.com/" target="_blank">恒温恒湿试验室</a><a data-v-1edf2814=""
                href="http://www.njslhm.com/" target="_blank">手游平台</a><a data-v-1edf2814=""
                href="https://www.zhmkdz.com/" target="_blank">智慧停车</a><a data-v-1edf2814=""
                href="http://www.njjava.com/" target="_blank">南京Java培训</a><a data-v-1edf2814=""
                href="http://www.sc-skoll.com/" target="_blank">高压细水雾</a><a data-v-1edf2814=""
                href="https://www.xue567.com/" target="_blank">招生代理网</a><a data-v-1edf2814=""
                href="https://www.zjsaisi.com/" target="_blank">ntp服务器</a><a data-v-1edf2814=""
                href="https://www.cdroho.com/" target="_blank">排队系统厂家</a><a data-v-1edf2814=""
                href="https://www.gmc-medical.cn/" target="_blank">高频电刀分析仪</a><a data-v-1edf2814=""
                href="http://www.fdj.biz/" target="_blank">发电机</a><a data-v-1edf2814=""
                href="https://www.kuaijing365.com/" target="_blank">亚马逊申诉模板</a></p>
          </section>
        </footer>
        <section data-v-1edf2814="" class="message flexRow">
          <p data-v-1edf2814="">本网站相关网页内容未经授权许可，不得复制至其他平台</p> <a data-v-1edf2814="" href="/news/detail/474">查看更多<i
              data-v-1edf2814="" class="el-icon-arrow-right"></i></a>
        </section>
      </section>
      <aside data-v-96e309de="" data-v-069835ec="" class="fixAside"><button data-v-96e309de="">
          <section data-v-96e309de="" class="icon" style="background-position: 0px 0px;"></section>
          <p data-v-96e309de="">咨询</p>
          <section data-v-96e309de="" class="consult flexColumn" style="display: none;">
            <p data-v-96e309de=""></p>
            <p data-v-96e309de=""></p>
          </section>
        </button><button data-v-96e309de="">
          <section data-v-96e309de="" class="icon" style="background-position: -33px 0px;"></section>
          <p data-v-96e309de="">电话</p>
          <section data-v-96e309de="" class="consult flexColumn" style="display: none;">
            <p data-v-96e309de="">电话咨询</p>
            <p data-v-96e309de="">400-169-8169</p>
          </section>
        </button><button data-v-96e309de="">
          <section data-v-96e309de="" class="icon" style="background-position: -66px 0px;"></section>
          <p data-v-96e309de="">QQ</p>
          <section data-v-96e309de="" class="consult flexColumn" style="display: none;">
            <p data-v-96e309de="">QQ咨询</p>
            <p data-v-96e309de="">3475907522</p>
          </section>
        </button><button data-v-96e309de="" style="display: none;">
          <section data-v-96e309de="" class="icon" style="background-position: -99px 0px;"></section>
          <p data-v-96e309de="">回到顶部</p>
          <section data-v-96e309de="" class="consult flexColumn" style="display: none;">
            <p data-v-96e309de=""></p>
            <p data-v-96e309de=""></p>
          </section>
        </button></aside>
    </div>
  </div>
  <script>

  </script>
  <!-- 爱番番客服 -->
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?520b588cd95edd77d27a035ef9054580";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
  <script type="text/javascript" src="/main.8e9a683a11a3108016a5.js"></script>

</body>

</html>