.carrier .banner[data-v-4a261c0f] {
  width: 100%;
  height: 480px;
  background: url(../../static/img/banner.f7b1672f.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
}
.carrier .banner h2[data-v-4a261c0f] {
    font-size: 42px;
    margin: 160px 0 36px;
}
.carrier .banner p[data-v-4a261c0f] {
    font-size: 26px;
}
.carrier .banner > div[data-v-4a261c0f] {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #00aff0;
    font-size: 16px;
    cursor: pointer;
    margin: 43px auto;
}
.carrier .banner > div[data-v-4a261c0f]:hover {
      background: #005FC9;
}
.carrier .menu[data-v-4a261c0f] {
  height: 110px;
  background: #f4f7ff;
  overflow: hidden;
}
.carrier .menu ul[data-v-4a261c0f] {
    width: 900px;
    margin: 27px auto;
    height: 56px;
    border-radius: 28px;
    overflow: hidden;
    background: #ecf0fb;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
}
.carrier .menu li[data-v-4a261c0f] {
    width: 300px;
    text-align: center;
    font-size: 16px;
    border-radius: 23px;
    overflow: hidden;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    margin: 0 5px;
}
.carrier .menu li[data-v-4a261c0f]::before {
      display: inline-block;
      content: "";
      width: 22px;
      height: 22px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAA1RJREFUSEu1lW2IVGUUx8/5/587L811dpXVcdeyFSXCqA+VYV96hdhe6IVWjFbMamNBCiQQBCGMQAKl9FuJtCnbhxKWXrAFCaNYAiEQEZsKBcFId2cb9zVndvbOE/fO7L1319lWg+bLDHfu+Z3/Of/zPEflf/roYtymnUNrbQJdhLxMo6sB/ZmQo6yY/j/2NBUXim8M3j7sZlz7ghKvEvIIKEqogCqkCOB/6wSg3wq192I6e1J6tBJPMgdsdgw9aIxsV8hzhC4hfZhIA6gA4sODZCAuEdqnxvvkXHfTeT9BCHbe/nMHFB8GL9cU3RC0lrSeBGrF6n1nujOnI8Vv/ZVNp6qvw9gtBnrvjSidBz0B4tDpbel+EbUh+JadV56B4Spa5wvrzKxzjLxC1c000hJWECu/Dr0A1T7Lap8lJ11jOhXepVNdma9CsLtruERqUiFlOjgOq4cLduz7tnRzByHbDLUDkCSgE4T2C/XTlXe6g8WLfz9pVN5g7X+H1JmfXko7ITi7u1AiJRk3itDLoB5S0SNT1cpIk0GzNzFecFuXrlJyK1R6SM1FMYGZ5cFNqVQIbn6nUDLQ5LyRCtwHUYXRnvNvZg/f9dHYVhC9hGKuD77pgYnlH16MgVveHSkBmozN6byR0rHfhpcsu7tt8iyp6xeABuCTzycjxbn3iiXQ+j2sjdo8o0j1ppKu21yd+hWU2+eUP/tuLbb83bOJCNy6t1jyzWkErc+pN2FG3GW6Ik9Ie61lMQEB1G+blk88HQPf+v7VEui7Hp2o+JwS6o2i4C7nijyo7QtAA8UDHU6kePW+0RJga4p9NbETVf/tFW3BzSVyeVLbQwGR0tmjXz7+hInAaz4YnfbncAGoH+QVvGG3Lb0yD0hdcVh+JMSg8vVjTITjtvbg2AAgHQ2Uzirx0tNDbiXTmjeU9prJQU/nVAfg1JePYmMIXnNgKJdw0vtJ3RQdlPjNpl7i2hXXZlvzgN/j66DXVPUYDXb1P6SXr7uP7/h4vCVFdBkjrxF6T+g+tWomkxldOv07IbfVn1uoDIJ6ZMblsYGNOj57J//rBnng6NT9TKAblE6q/PJjZ+rhx7+p9BrIBlA/l6r32cBTqQuNtsiiq2mx1XVzq+m/0mJx/wDsJNYX1cCIBQAAAABJRU5ErkJggg==) no-repeat;
      vertical-align: middle;
}
.carrier .menu .active[data-v-4a261c0f] {
    color: #ffffff;
    background: linear-gradient(-90deg, #006de6 0%, #57c6ff 100%);
}
.carrier .menu .active[data-v-4a261c0f]::before {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAApdJREFUSEu1lctLVGEUwH/nXmfSvL4ymUwzw2qR1CINkqDHKoMiAiXQsJch1CZa9TdE0CoIscywRQlCREUtksCIoGghNWIJpdHgK/NB3XGce2LUbqPOXDXoLL9zzu88v+8T/pPIUtwrXVriN6jFoQYoEuGNA3dUaL9UKt+T+ScEX3+vlgrHHOU0sF+VxXbChAGPUZr9Ns8byiUSH2Sew42gVohwHjiqSsZS1bh6od9QWiMOty6UyqfYuQu+2a0XxeDasmEJDAU0KpTVb5F3Lrj1o2aKwVmUE8DOlQZQ4ZkBjTUltIOoC277oocNhwLb4L45zWZTOKlwXIS1yYIo9KpDqyitmEwaQpUq/dWb5IELftintiqrBMIiPHKEppFpOrJNKk04JVAZ0wMTCu2Owe3sQjon+zgEnCOmB58I00eKxOeCn35VW5lx/CtKSAwaMWmxfzCsKWSPmgwFTApSTOpUaVAILNiG8MFCSXXBHd/UZiF4zkMExxAa9q6TphchrVNoVsVI0qLwgfVx4JcDycEz6yOMVeSx5tUgXQrbPIYb3hOIA78dStCK+TVGJ3KxMkboRtnocePCZXlx4K5RtZkdTkJRiI6MYeVmERQoTpqxEN6eEwfuGZvdCo9Mor5RrKkcgniARQhvzYoDf570zhiI6jCW5BFEvTMutuLAoZ86pYrPK2N7ECs1QFA9wCJE8leL3123EVufxJbcY9rR8RBWZr53K1Be56bJbhc8MKmBND9XDaE6Sa+jwz6svAhBTdzjXwJt4uNyukho0Ts7rrrW71BrwBlgR1wFjs8gPeLQA2yYO1eUzii0pJq0icj4H3vPH0RVy4F6oAr4AOwDmoFdwD3groj0Jmrfkl/TSp/PZWX8r9CY32+slPUX+sk2qAAAAABJRU5ErkJggg==) no-repeat;
}
.carrier .main[data-v-4a261c0f] {
  padding: 40px 0;
}
.carrier .main ul li[data-v-4a261c0f] {
    border: 1px solid transparent;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    position: relative;
}
.carrier .main ul li[data-v-4a261c0f]:hover {
      border: 1px solid #005FC9;
}
.carrier .main ul li:hover h4[data-v-4a261c0f] {
        color: #005FC9;
}
.carrier .main ul li a[data-v-4a261c0f] {
      display: block;
      padding: 30px;
      display: flex;
}
.carrier .main ul li a .img[data-v-4a261c0f] {
        width: 332px;
        height: 186px;
        position: relative;
        flex-shrink: 0;
        margin-right: 30px;
}
.carrier .main ul li a .img > img[data-v-4a261c0f] {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain;
}
.carrier .main ul li a .img .enter[data-v-4a261c0f] {
          width: 100%;
          height: 50px;
          line-height: 50px;
          text-align: center;
          background: rgba(0, 0, 0, 0.5);
          font-size: 18px;
          color: #ffffff;
          position: absolute;
          bottom: 0;
          left: 0;
}
.carrier .main ul li a .img .enter > img[data-v-4a261c0f] {
            margin-right: 10px;
            vertical-align: middle;
}
.carrier .main ul li a > div[data-v-4a261c0f]:last-child {
        width: 778px;
}
.carrier .main ul li a > div:last-child > .name[data-v-4a261c0f] {
          display: flex;
          align-items: center;
          margin: 15px 0 20px;
}
.carrier .main ul li a > div:last-child > .name label[data-v-4a261c0f] {
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #fff3e5;
            border-radius: 2px;
            overflow: hidden;
            font-size: 15px;
            color: #FB8900;
            margin-left: 15px;
            flex-shrink: 0;
            padding: 0 13px;
}
.carrier .main ul li a > div:last-child h4[data-v-4a261c0f] {
          font-size: 20px;
          color: #333333;
}
.carrier .main ul li a > div:last-child p[data-v-4a261c0f] {
          font-size: 16px;
          color: #999999;
          line-height: 26px;
}
.carrier .main ul li a > div:last-child p label[data-v-4a261c0f] {
            color: #999999;
            font-size: 14px;
}
.carrier .main ul li a > div:last-child p label span[data-v-4a261c0f] {
              color: #333333;
}
.carrier .main ul li a > div:last-child p.line-2[data-v-4a261c0f] {
          margin-bottom: 25px;
}
.carrier .main ul li .grade[data-v-4a261c0f] {
      position: absolute;
      right: -1px;
      bottom: -3px;
}