/* .main {
  padding-top: 70px;
} */

.banner {
  background-image: url(../images/b3.jpg);
}

.banner .banner-title .line {
  background: #fff;
}

.banner .banner-title {
  color: #fff;
}






.el-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: #303133;
  font-weight: 700;
  margin: 30px auto 50px;
}

.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;
  -moz-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);
  -moz-transform: scale(.8);
  -ms-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;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  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: 50% no-repeat #fff;
  -moz-background-size: 16px;
  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;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  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;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  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;
  -moz-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
}











.ai-ui-filter-box {
  position: relative;
  overflow: hidden;
}

.ai-ui-filter {
  display: flex;
}

.ai-ui-filter-box .list-btn {
  flex-basis: 100%;
  /* position: absolute;
  top: 0;
  right: 0; */
  cursor: pointer;
  line-height: 26px;
  color: #666;
  font-size: 14px;
  text-align: right;
}

.ai-ui-filter-box .list-btn:hover {
  color: #2fa962;
}

.ai-ui-filter-box .list-btn .customer-icon {
  transition: transform .3s, -webkit-transform .3s
}

.ai-ui-filter-box .list-btn .customer-icon-deg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.ai-ui-filter-box.customer .ai-ui-filter-right {
  height: 26px;
}

.ai-ui-filter-box.customer.is-show .ai-ui-filter-right {
  height: 64px;
}

.ai-ui-filter-box.customer.is-show-more .ai-ui-filter-right {
  height: auto !important;
}

.ai-ui-filter-label {
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  margin-left: 8px;
  font-size: 16px;
  color: #666;
  white-space: nowrap;
}

.ai-ui-filter-left {
  /* float: left;
  overflow: hidden;
  font-size: 0 */
  display: flex;
  align-items: flex-start;
}

.ai-ui-filter-right {
  overflow: hidden;
  padding-left: 16px;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}





.ai-ui-filter-item {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
}

.ai-ui-filter-item-first {
  margin-left: 20px
}

.ai-ui-filter-item:hover {
  color: #2fa962
}

.ai-ui-filter-item-active {
  color: #fff;
  background: #2fa962
}

.ai-ui-filter-item-active:hover {
  color: #fff
}

.ai-ui-filter-box.customer {
  /* margin-top: 24px; */
}

.ai-ui-filter-box.customer:first-child {
  margin-top: 0;
}

.ai-ui-filter-left.customer {
  line-height: 26px
}

.ai-ui-filter-left.customer .ai-ui-filter-label {
  margin: 0
}

.ai-ui-filter-left.customer .ai-ui-filter-item {
  margin: 0 0 0 12px;
  padding: 0 12px
}

.ai-ui-filter-right.customer {
  /* padding: 0 48px 0 16px; */
  padding: 0 0 0 16px;
  line-height: 26px;
  flex-grow: 1;
}

.ai-ui-filter-right.customer.sch {
  padding-right: 0;
}

.ai-ui-filter-right.customer .ai-ui-filter-item {
  margin: 0 28px 0 0;
  padding: 0 8px;
  margin-bottom: 10px;
}

.ai-ui-case-card {
  overflow: hidden
}

.ai-ui-case-card-wrap {
  padding: 60px 0 0;

}

.ai-ui-case-card-item {
  padding: 30px;
  border: 1px solid #dadcdf;
  margin-bottom: 20px;
}

.ai-ui-case-card-item:nth-child(4n) {
  margin-right: 0;
}

.ai-ui-case-card-item:hover {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05)
}

.ai-ui-case-card-item:hover .ai-ui-case-card-title a {
  color: #2fa962
}

.ai-ui-case-card-img {
  margin-bottom: 5px;
  height: 84px;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat
}

.ai-ui-case-card-img img {
  width: 70%;
  max-width: 100%;
  max-height: 100%;
}

.ai-ui-case-card-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 10px;
}

.ai-ui-case-card-title a {
  color: #000;
  font-weight: bold;
}

.ai-ui-case-card-type {
  margin-bottom: 20px;
  overflow: hidden;
}

.ai-ui-case-card-type span {
  display: inline-block;
  padding: 2px 12px;
  background-color: #f5f5f5;
  background-color: #2fa962;
  color: #fff;
  margin-right: 10px;
  font-size: 14px;
}

.ai-ui-case-card-type span:last-child {
  margin-right: 0;
}

.ai-ui-case-card-info {
  height: 96px;
  overflow: hidden;
  color: #666;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical
}

.ai-ui-case-card-include {
  line-height: 22px
}

.ai-ui-case-card-text {
  float: left;
  margin-right: 15px;
  color: #333
}

.ai-ui-case-card-tech-list {
  margin-left: 71px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ai-ui-case-card-tech-name {
  margin-right: 15px;
  color: #1a73e8
}

.ai-customer-list-banner {
  height: 320px;
  color: #fff;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat
}

.ai-customer-list-banner .customer-banner-content {
  position: relative;
  top: 50%;
  margin: 0 auto;
  width: 1180px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ai-customer-list-banner .customer-banner-title {
  margin-bottom: 16px;
  font-size: 48px
}

.ai-customer-list-banner .customer-banner-des {
  margin-bottom: 32px;
  font-size: 20px
}

.ai-customer-list-banner .customer-banner-btn {
  display: block;
  width: 104px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #248dff
}

.ai-customer-list-case {
  padding-top: 70px;
  margin: 0 auto 90px;
  width: 1180px;
  color: #000
}

.ai-customer-list-case-title {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 38px
}

.ai-customer-list-case-des {
  margin-bottom: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 24px
}

.ai-customer-list-case-slide {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 25px;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .08);
  -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .08);
  height: 350px;
  overflow: hidden
}

.ai-customer-list-case-wrap {
  -webkit-transition: -webkit-transform ease-in-out;
  transition: -webkit-transform ease-in-out;
  -moz-transition: transform ease-in-out, -moz-transform ease-in-out;
  transition: transform ease-in-out;
  transition: transform ease-in-out, -webkit-transform ease-in-out, -moz-transform ease-in-out
}

.ai-customer-list-case-wrap .case-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  padding-left: 560px;
  width: 1180px
}

.ai-customer-list-case-wrap .case-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 560px;
  height: 350px
}

.ai-customer-list-case-wrap .case-detail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 60px 40px;
  height: 100%;
  color: #000
}

.ai-customer-list-case-wrap .case-detail-title {
  display: inline-block;
  margin-bottom: 25px;
  max-width: 498px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000
}

.ai-customer-list-case-wrap .case-detail-des {
  margin-bottom: 30px;
  height: 72px;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.ai-customer-list-case-wrap .case-detail-products {
  margin-bottom: 45px;
  font-size: 14px;
  line-height: 22px
}

.ai-customer-list-case-wrap .case-detail-products a {
  margin-right: 15px;
  color: #1a73e8
}

.ai-customer-list-case-wrap .case-detail-btn {
  display: inline-block;
  width: 88px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #000;
  border: 1px solid #666
}

.ai-customer-list-case-wrap:hover .case-detail-btn, .ai-customer-list-case-wrap:hover .case-detail-title {
  color: #1a73e8
}

.ai-customer-list-case-wrap:hover .case-detail-btn {
  border-color: #1a73e8
}

.ai-customer-list-case-control-item, .ai-customer-list-case-control {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 90px
}

.ai-customer-list-case-control-item {
  position: relative;
  float: left;
  width: 196px;
  border: 1px solid #dadcdf;
  border-right: 0;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat
}

.ai-customer-list-case-control-item:last-child {
  border: 1px solid #dadcdf
}

.ai-customer-list-case-control-item:hover {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.ai-customer-list-case-control-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #d9eafb
}

.ai-customer-list-case-control-inner {
  width: 0;
  height: 3px;
  background: #2fa962
}

.ai-customer-list-header {
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 38px
}

.ai-customer-list-filter {
  border: 1px solid #dadcdf;
  padding: 30px;
}

.ai-customer-list-filter-tech {
  margin-bottom: 40px
}

.ai-customer-list-list-head {
  position: relative;
  height: 22px;
  line-height: 22px
}

.ai-customer-list-list-head .customer-list-sort {
  position: absolute;
  left: 0;
  padding-right: 14px;
  color: #000;
  cursor: pointer
}

.ai-customer-list-list-head .customer-list-sort-icons {
  position: absolute;
  top: 50%;
  right: 0;
  height: 18px;
  width: 12px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ai-customer-list-list-head .customer-list-sort-icons .customer-icon {
  position: absolute;
  font-size: 4px;
  color: #999
}

.ai-customer-list-list-head .customer-list-sort-icons .customer-icon-active {
  color: #000
}

.ai-customer-list-list-head .customer-list-sort-icons .el-icon-caret-top {
  top: 0
}

.ai-customer-list-list-head .customer-list-sort-icons .el-icon-caret-bottom {
  bottom: 0
}

.ai-customer-list-list-head .customer-list-pagination {
  position: absolute;
  right: 0
}

.ai-customer-list-list-head .customer-list-pagination .customer-icon {
  cursor: pointer
}

.ai-customer-list-list-head .customer-list-pagination .customer-icon-disabled {
  color: #a6a6a6
}

.ai-customer-list-list-head .customer-list-pagination .el-icon-arrow-left {
  margin-right: 5px
}

.ai-customer-list-list-head .customer-list-pagination .el-icon-arrow-right {
  margin-left: 5px
}

.ai-customer-list .customer-case-list {
  padding-bottom: 10px
}





[class*=" el-icon-"], [class^=el-icon-] {
  font-family: element-icons !important;

  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-info:before {
  content: "\e61a"
}

.el-icon-error:before {
  content: "\e62c"
}

.el-icon-success:before {
  content: "\e62d"
}

.el-icon-warning:before {
  content: "\e62e"
}

.el-icon-question:before {
  content: "\e634"
}

.el-icon-back:before {
  content: "\e606"
}

.el-icon-arrow-left:before {
  content: "\e600"
}

.el-icon-arrow-down:before {
  content: "\e603"
}

.el-icon-arrow-right:before {
  content: "\e604"
}

.el-icon-arrow-up:before {
  content: "\e605"
}

.el-icon-caret-left:before {
  content: "\e60a"
}

.el-icon-caret-bottom:before {
  content: "\e60b"
}

.el-icon-caret-top:before {
  content: "\e60c"
}

.el-icon-caret-right:before {
  content: "\e60e"
}

.el-icon-d-arrow-left:before {
  content: "\e610"
}

.el-icon-d-arrow-right:before {
  content: "\e613"
}

.el-icon-minus:before {
  content: "\e621"
}

.el-icon-plus:before {
  content: "\e62b"
}

.el-icon-remove:before {
  content: "\e635"
}

.el-icon-circle-plus:before {
  content: "\e601"
}

.el-icon-remove-outline:before {
  content: "\e63c"
}

.el-icon-circle-plus-outline:before {
  content: "\e602"
}

.el-icon-close:before {
  content: "\e60f"
}

.el-icon-check:before {
  content: "\e611"
}

.el-icon-circle-close:before {
  content: "\e607"
}

.el-icon-circle-check:before {
  content: "\e639"
}

.el-icon-circle-close-outline:before {
  content: "\e609"
}

.el-icon-circle-check-outline:before {
  content: "\e63e"
}

.el-icon-zoom-out:before {
  content: "\e645"
}

.el-icon-zoom-in:before {
  content: "\e641"
}

.el-icon-d-caret:before {
  content: "\e615"
}

.el-icon-sort:before {
  content: "\e640"
}

.el-icon-sort-down:before {
  content: "\e630"
}

.el-icon-sort-up:before {
  content: "\e631"
}

.el-icon-tickets:before {
  content: "\e63f"
}

.el-icon-document:before {
  content: "\e614"
}

.el-icon-goods:before {
  content: "\e618"
}

.el-icon-sold-out:before {
  content: "\e63b"
}

.el-icon-news:before {
  content: "\e625"
}

.el-icon-message:before {
  content: "\e61b"
}

.el-icon-date:before {
  content: "\e608"
}

.el-icon-printer:before {
  content: "\e62f"
}

.el-icon-time:before {
  content: "\e642"
}

.el-icon-bell:before {
  content: "\e622"
}

.el-icon-mobile-phone:before {
  content: "\e624"
}

.el-icon-service:before {
  content: "\e63a"
}

.el-icon-view:before {
  content: "\e643"
}

.el-icon-menu:before {
  content: "\e620"
}

.el-icon-more:before {
  content: "\e646"
}

.el-icon-more-outline:before {
  content: "\e626"
}

.el-icon-star-on:before {
  content: "\e637"
}

.el-icon-star-off:before {
  content: "\e63d"
}

.el-icon-location:before {
  content: "\e61d"
}

.el-icon-location-outline:before {
  content: "\e61f"
}

.el-icon-phone:before {
  content: "\e627"
}

.el-icon-phone-outline:before {
  content: "\e628"
}

.el-icon-picture:before {
  content: "\e629"
}

.el-icon-picture-outline:before {
  content: "\e62a"
}

.el-icon-delete:before {
  content: "\e612"
}

.el-icon-search:before {
  content: "\e619"
}

.el-icon-edit:before {
  content: "\e61c"
}

.el-icon-edit-outline:before {
  content: "\e616"
}

.el-icon-rank:before {
  content: "\e632"
}

.el-icon-refresh:before {
  content: "\e633"
}

.el-icon-share:before {
  content: "\e636"
}

.el-icon-setting:before {
  content: "\e638"
}

.el-icon-upload:before {
  content: "\e60d"
}

.el-icon-upload2:before {
  content: "\e644"
}

.el-icon-download:before {
  content: "\e617"
}

.el-icon-loading:before {
  content: "\e61e"
}

.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
  -moz-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: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-moz-keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.ai-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  color: #fff;
  background-color: #000;
  font-weight: 700
}

.ai-nav-bar {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  z-index: 1;
  min-width: 1200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ai-nav-bar-inner {
  height: 100%;
  margin-left: 200px;
  font-size: 16px
}

.ai-nav-logo {
  float: left;
  width: 176px;
  height: 100%;
  line-height: normal
}

.ai-nav-logo-icon {
  width: 100%;
  height: 24px;
  margin-top: 14px;
  fill: #fff
}

.ai-nav-operation {
  position: absolute;
  right: 30px;
  top: 0;
  height: 100%;
  background: #000
}

.ai-nav-operation a {
  margin-left: 35px;
  color: inherit;
  font-size: 14px
}

.ai-nav-operation a:hover {
  color: #3b85f5
}

.ai-nav-operation .ai-nav-operation-firstlink {
  margin-left: 30px
}

.ai-nav-item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 80px;
  height: 100%;
  padding: 0 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  transition: color .3s;
  text-align: center;
  font-size: 14px;
  cursor: pointer
}

.ai-nav-item-active, .ai-nav-item:hover {
  color: #3b85f5
}

.ai-nav-name {
  display: block;
  color: inherit;
  font-weight: 700
}

.ai-nav-search {
  float: left;
  width: 54px;
  height: 42px;
  position: relative;
  margin-top: 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: width .1s;
  -moz-transition: width .1s;
  transition: width .1s;
  font-weight: 400;
  background: transparent
}

.ai-nav-search-active {
  width: 600px;
  overflow: visible;
  background: hsla(0, 0%, 100%, .25)
}

.ai-nav-search-active .ai-nav-search-icons {
  width: 109px
}

.ai-nav-search-active .ai-nav-search-field {
  width: 100%;
  padding: 10px 108px 10px 25px
}

.ai-nav-search-field {
  display: block;
  width: 0;
  padding: 0;
  height: 42px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  font-size: 16px;
  color: #fff;
  background: transparent
}

.ai-nav-search-field::-webkit-input-placeholder {
  color: #999
}

.ai-nav-search-icons {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 42px;
  overflow: hidden;
  line-height: 42px;
  cursor: pointer
}

.ai-nav-search-icon {
  width: 54px;
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  fill: #fff
}

.ai-nav-search-icon:hover {
  fill: #2fa962
}

.ai-nav-search-icon svg {
  width: 16px;
  height: 16px;
  vertical-align: middle
}

.ai-nav-search-divider {
  width: 1px;
  height: 16px;
  background: #666;
  margin-top: 13px
}

.ai-nav-search-dropdown {
  position: absolute;
  left: 0;
  top: 52px;
  width: 100%;
  padding: 22px 25px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  visibility: hidden;
  -webkit-transition: visibility .2s, -webkit-transform .2s;
  transition: visibility .2s, -webkit-transform .2s;
  -moz-transition: transform .2s, visibility .2s, -moz-transform .2s;
  transition: transform .2s, visibility .2s;
  transition: transform .2s, visibility .2s, -webkit-transform .2s, -moz-transform .2s;
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  z-index: -1
}

.ai-nav-search-dropdown-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.ai-nav-search-hot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.ai-nav-search-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0
}

.ai-nav-search-box:not(:last-child) {
  margin-right: 20px
}

.ai-nav-search-title {
  padding-left: 10px;
  line-height: 22px;
  font-size: 14px;
  color: #999
}

.ai-nav-search-list {
  margin-top: 7px
}

.ai-nav-search-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  cursor: pointer
}

.ai-nav-search-item:hover {
  background: #f7f7f7
}

.ai-nav-search-result-main:after {
  content: ">"
}

.ai-nav-search-result-main+.ai-nav-search-result-other {
  margin-top: 2px;
  padding-top: 2px;
  border-top: 1px solid #eee
}

.ai-nav-detail {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 60px;
  border: 1px solid #dfdfdf;
  border-top: 0;
  overflow: hidden;
  min-height: 310px;
  max-height: 768px;
  background: #fff;
  -webkit-box-shadow: 0 5px 6px -2px rgba(0, 0, 0, .19);
  -moz-box-shadow: 0 5px 6px -2px rgba(0, 0, 0, .19);
  box-shadow: 0 5px 6px -2px rgba(0, 0, 0, .19);
  z-index: 999
}

.ai-nav-detail-hasMore .ai-nav-sidebar {
  position: relative;
  padding-bottom: 50px
}

.ai-nav-detail-inner {
  position: relative;
  min-width: 970px;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ai-nav-detail-small {
  max-height: 338px
}

.ai-nav-detail-more {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-top: 1px solid #dfdfdf;
  background: #fff
}

.ai-nav-detail-more a {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.ai-nav-detail-more a:hover {
  color: #1a73e8
}

.ai-nav-detail-more a:hover .ai-nav-menu-arrow-icon {
  fill: #1a73e8
}

.ai-nav-active, .ai-nav-active>.ai-nav-menu {
  display: block
}

.ai-nav-active>.ai-nav-sidebar-item-title-inner, .ai-nav-active>.ai-nav-sidebar-list-item-title {
  color: #1a73e8
}

.ai-nav-sidebar {
  height: 100%;
  overflow: hidden;
  float: left;
  width: 270px;
  text-align: left;
  padding: 18px 0;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px
}

.ai-nav-sidebar-inner {
  height: 100%;
  overflow-y: auto
}

.ai-nav-sidebar-list-item {
  margin: 8px 0;
  cursor: pointer
}

.ai-nav-sidebar-list-item-title {
  position: relative;
  padding-left: 38%
}

.ai-nav-sidebar-list-item-title-active {
  background: #f7f7f7
}

.ai-nav-sidebar-item-title {
  padding-left: 38%;
  margin: 8px 0;
  font-weight: 700;
  color: #000;
  cursor: default
}

.ai-nav-sidebar-item-title-hasMenu:hover {
  background: #f7f7f7;
  color: #1a73e8
}

.ai-nav-sidebar-item-title-inner {
  position: relative;
  font-weight: 700
}

.ai-nav-sidebar-arrow-icon {
  position: absolute;
  right: 22px;
  top: 10px;
  width: 6px;
  height: 11px;
  fill: #1a73e8
}

.ai-nav-sidebar .ai-nav-menu {
  min-height: 100%;
  border-left: 1px solid #dfe0e3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ai-nav-menu {
  line-height: 30px;
  text-align: left;
  height: 100%;
  overflow-y: auto
}

.ai-nav-menu-inner {
  display: table;
  width: 100%;
  height: 100%
}

.ai-nav-menu-has-sidebar {
  border-left: 1px solid #dfe0e3
}

.ai-nav-menu-col {
  float: left;
  margin-top: -15px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ai-nav-menu-col-3 {
  width: 33.333%
}

.ai-nav-menu-col-4 {
  width: 25%
}

.ai-nav-menu-col-5 {
  width: 20%
}

.ai-nav-menu-item {
  margin-top: 15px
}

.ai-nav-menu-item, .ai-nav-menu-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ai-nav-menu-item-title {
  position: relative;
  display: block;
  padding: 0 0 7px 10px;
  color: #000;
  font-size: 14px;
  font-weight: 700
}

.ai-nav-menu-item-title-sym {
  font-weight: 400
}

.ai-nav-menu-item-title:after {
  content: "";
  position: absolute;
  left: 10px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dfe0e3
}

.ai-nav-menu-item-title-link:hover {
  color: #1a73e8
}

.ai-nav-menu-item-title-link:hover .ai-nav-menu-arrow-icon {
  fill: #1a73e8
}

.ai-nav-menu-item-list {
  margin-top: 12px
}

.ai-nav-menu-item-list-empty {
  margin-top: 8px
}

.ai-nav-menu-item-list-item {
  display: block;
  padding-left: 10px;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ai-nav-menu-item-list-item:hover {
  color: #1a73e8;
  background: #f7f7f7
}

.ai-nav-menu-item-list-nopic {
  min-height: 90px
}

.ai-nav-menu-item-list-pic {
  width: 170px;
  height: 40px;
  padding: 18px 0 18px 10px;
  -webkit-box-sizing: unset;
  -moz-box-sizing: unset;
  box-sizing: unset
}

.ai-nav-menu-item-list-pic-item {
  display: inline-block;
  margin-right: 10px
}

.ai-nav-menu-item-list-pic img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dfe0e3;
  cursor: pointer
}

.ai-nav-menu-item-list-pic img:hover {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05)
}

.ai-nav-menu-common {
  display: table-cell;
  padding: 26px 0 18px;
  overflow: hidden
}

.ai-nav-menu-activity {
  display: table-cell;
  vertical-align: top;
  width: 310px;
  padding: 0 30px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fafafa
}

.ai-nav-menu-activity-item {
  margin-top: 26px
}

.ai-nav-menu-activity-title {
  position: relative;
  padding: 0 0 7px 10px;
  border-bottom: 1px solid #dfe0e3;
  font-size: 14px;
  color: #000;
  font-weight: 700
}

.ai-nav-menu-activity-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 14px;
  background: #000
}

.ai-nav-menu-activity-list {
  margin-top: 12px
}

.ai-nav-menu-arrow-icon {
  width: 6px;
  height: 11px;
  margin-left: 8px
}

.ai-nav-menu-tag {
  font-size: 12px;
  margin-left: 6px;
  font-weight: 400
}

.ai-nav-menu-tag-new {
  color: #1a73e8
}

.ai-nav-menu-tag-hot {
  color: #ff3912
}

.ai-nav-menu-tag-test {
  color: #00b359
}

@media (max-width:970px) {
  .ai-nav-sidebar {
    width: 218px
  }

  .ai-nav-menu-has-sidebar {
    margin-left: 218px
  }

  .ai-nav-menu-activity {
    width: 226px
  }

  .ai-nav-menu-has-activity .ai-nav-menu-common {
    margin-right: 226px
  }
}

@media (min-width:971px) and (max-width:1440px) {
  .ai-nav-sidebar {
    width: 250px
  }

  .ai-nav-menu-has-sidebar {
    margin-left: 250px
  }

  .ai-nav-menu-activity {
    width: 256px
  }

  .ai-nav-menu-has-activity .ai-nav-menu-common {
    margin-right: 256px
  }
}

@media (min-width:1441px) {
  .ai-nav-sidebar {
    width: 270px
  }

  .ai-nav-menu-has-sidebar {
    margin-left: 270px
  }

  .ai-nav-menu-activity {
    width: 310px
  }

  .ai-nav-menu-has-activity .ai-nav-menu-common {
    margin-right: 310px
  }
}

.ai-platform-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .9)
}

.ai-footer {
  position: relative;
  z-index: 2;
  height: 480px;
  background-color: #010101;
  font-size: 0
}

.ai-footer .ai-footer-cover {
  width: 1200px;
  height: 371px;
  margin: 0 auto
}

.ai-footer .ai-footer-items {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 1000px;
  display: inline-block;
  vertical-align: top;
  padding-left: 49px
}

.ai-footer .ai-item-class {
  display: inline-block;
  vertical-align: top;
  width: 194px;
  text-align: left;
  font-size: 18px;
  color: #fff
}

.ai-footer .ai-last-class {
  width: 174px
}

.ai-footer .ai-items {
  font-size: 14px;
  color: #fff;
  opacity: .66;
  line-height: 36px;
  cursor: pointer
}

.ai-footer .ai-items:hover {
  opacity: 1;
  color: #2fa962
}

.ai-footer .ai-telephone {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  line-height: 36px
}

.ai-footer .ai-telephone span {
  opacity: .66;
  font-weight: 400;
  font-size: 14px
}

.ai-footer .ai-title {
  margin: 61px 0 14px;
  color: #fff;
  font-size: 16px;
  opacity: 1;
  cursor: default;
  line-height: 36px
}

.ai-footer .ai-items-img {
  display: inline-block;
  vertical-align: top;
  color: #b1b1b1;
  font-size: 14px;
  width: 168px;
  height: 24px;
  text-align: center
}

.ai-footer .ai-items-img-src {
  width: 168px;
  height: 168px;
  margin-top: 61px;
  padding-bottom: 16px
}

.ai-footer .ai-items-img-new {
  margin-top: 65px;
  display: inline-block;
  vertical-align: top;
  color: #b1b1b1;
  font-size: 14px;
  width: 200px
}

.ai-footer .ai-items-img-new>div {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  width: 200px
}

.ai-footer .ai-items-img-new-src {
  width: 100px;
  height: 100px;
  padding-bottom: 8px
}

.ai-footer .ai-items-img-new-src:hover {
  margin-top: -100px;
  width: 200px;
  height: 200px
}

.ai-footer .ai-items-img-new span {
  opacity: .66;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 18px
}

.ai-footer .ai-footer-baseline-contain {
  background-color: #000;
  height: 80px
}

.ai-footer .ai-footer-links {
  display: inline-block
}

.ai-footer .ai-footer-baseline {
  width: 1200px;
  text-align: left;
  margin: 59px auto 0;
  font-size: 0;
  line-height: 50px
}

.ai-footer .ai-footer-baseline .ai-baseline-info {
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
  font-size: 14px;
  opacity: .5;
  color: #fff
}

.ai-footer .ai-footer-baseline .ai-baseline-info:hover {
  opacity: 1;
  color: #2fa962
}

.ai-footer .ai-footer-baseline .ai-baseline-info-divider {
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  color: #fff;
  opacity: .5
}

.ai-footer .ai-footer-baseline .ai-info-add {
  border: 0;
  padding-right: 74px
}

.ai-footer .copyright {
  margin: 0 auto;
  padding: 0 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1200px;
  line-height: 15px
}

.ai-footer .copyright .ai-info-read {
  margin-right: 24px;
  float: left;
  vertical-align: top;
  font-size: 14px;
  opacity: .5;
  color: #fff
}

.ai-footer .ai-first-baseline {
  display: inline-block;
  margin-left: 40px;
  padding: 0 10px;
  vertical-align: top;
  font-size: 14px;
  opacity: .5;
  color: #fff
}

.ai-footer .ai-qq-group {
  font-family: PingFangSC-Medium;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 892px;
  padding: 50px 82px;
  z-index: 30000;
  background-color: #fff;
  font-size: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.ai-footer .ai-qq-group .ai-qq-group-title {
  margin-bottom: 52px;
  font-size: 28px;
  text-align: center
}

.ai-footer .ai-qq-group .ai-qq-group-column {
  margin-bottom: -40px;
  font-size: 0
}

.ai-footer .ai-qq-group .ai-qq-group-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
  width: 242px;
  font-size: 16px
}

.ai-footer .ai-qq-group .ai-qq-number {
  font-family: PingFangSC-Regular
}

.ai-footer .ai-qq-group .ai-hide-group {
  position: absolute;
  top: 39px;
  right: 20px;
  width: 45px;
  height: 45px;
  font-size: 45px;
  color: #999;
  cursor: pointer
}

.ai-hide-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .9)
}

.ai-aside {
  position: fixed;
  right: 10px;
  top: 60%;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  background-color: #fff;
  color: #000;
  z-index: 998
}

.ai-aside-icon {
  fill: #000;
  display: block;
  margin: 0 auto 6px
}

.ai-aside-icon-consult, .ai-aside-icon-qm {
  width: 24px;
  height: 24px
}

.ai-aside-icon-back {
  width: 17px;
  height: 17px
}

.ai-aside-item {
  width: 100%;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer
}

.ai-aside-item:hover .ai-aside-text {
  color: #006be5
}

.ai-aside-item:hover svg path {
  fill: #006be5
}

.ai-aside-item:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  opacity: .5;
  background: #dadcdf
}

.ai-aside .ai-aside-icon-back {
  margin-bottom: 0
}

.ai-aside-consult:hover .ai-aside-consult-wrap, .ai-aside-qm:hover .ai-aside-qm-wrap {
  display: block
}

.ai-aside-consult-wrap, .ai-aside-qm-wrap {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  padding-right: 20px;
  display: none
}

.ai-aside-consult-inner, .ai-aside-qm-inner {
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.ai-aside-consult-inner-triangle, .ai-aside-qm-inner-triangle {
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -moz-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  width: 12px;
  height: 12px;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: 6px;
  background: transparent;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ai-aside-consult-inner {
  width: 308px;
  padding: 9px 0
}

.ai-aside-consult-inner-wrap {
  padding: 15px 30px 0;
  display: block
}

.ai-aside-consult-inner-wrap:hover {
  background: #f8f8f8
}

.ai-aside-consult-inner-title {
  position: relative;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  margin-bottom: 6px;
  padding-left: 38px;
  font-weight: 700
}

.ai-aside-consult-inner-des {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  margin-left: 38px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f8f8f8
}

.ai-aside-consult-inner-des-noline {
  border: none
}

.ai-aside-consult-inner-number {
  color: #006be5
}

.ai-aside-consult-inner-phone, .ai-aside-consult-inner-presale, .ai-aside-consult-inner-service {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px
}

/* .ai-aside-consult-inner-presale {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/presale.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
}

.ai-aside-consult-inner-service {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/service.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
}

.ai-aside-consult-inner-phone {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/phone.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
} */

.ai-aside-qm-inner {
  text-align: center;
  padding: 10px 6px 6px
}

.ai-aside-qm-inner-title {
  margin-bottom: 8px;
  font-size: 14px
}

.ai-aside-qm-inner-sub {
  margin-bottom: 10px;
  font-size: 12px
}

.ai-aside-qm-inner-img {
  padding: 4px;
  width: 144px;
  height: 144px;
  border: 1px solid #f1f1f1;
  /* background: url(https://dataset-bj.cdn.bcebos.com/platform-guangwang/baidu-mini-program.png) no-repeat 50%; */
  -moz-background-size: 144px 144px;
  background-size: 144px 144px
}

.ai-aside-text {
  display: block;
  width: 30px;
  height: 32px;
  left: 0;
  top: 0;
  margin: auto;
  color: #000;
  line-height: 16px;
  font-size: 13px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center
}

.cloud-aside {
  position: fixed;
  right: 12px;
  bottom: 212px;
  z-index: 999
}

.cloud-aside-consult {
  position: relative;
  width: 44px;
  height: 130px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 9px;
  margin-top: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .08);
  -moz-box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .08);
  box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .08);
  cursor: default
}

.cloud-aside-consult-text {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #2468f2
}

.cloud-aside-consult-wrap {
  display: none;
  position: absolute;
  bottom: 0;
  right: 44px;
  padding-right: 20px;
  opacity: 1;
  -webkit-animation: spread .3s ease-out;
  -moz-animation: spread .3s ease-out;
  animation: spread .3s ease-out
}

.cloud-aside-consult-inner {
  position: relative;
  padding: 8px 0 22px;
  width: 290px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.cloud-aside-consult-inner-wrap {
  padding: 16px 30px 0 32px;
  display: block
}

.cloud-aside-consult-inner-wrap:hover .cloud-aside-consult-inner-title {
  color: #006be5
}

/* .cloud-aside-consult-inner-wrap:hover .cloud-aside-consult-inner-presale {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/presale_hover.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
}

.cloud-aside-consult-inner-wrap:hover .cloud-aside-consult-inner-service {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/service_hover.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
}

.cloud-aside-consult-inner-wrap:hover .cloud-aside-consult-inner-phone {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/phone_hover.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
} */

.cloud-aside-consult-inner-title {
  position: relative;
  font-size: 14px;
  color: #222;
  line-height: 22px;
  margin-bottom: 6px;
  padding-left: 32px;
  font-weight: 700
}

.cloud-aside-consult-inner-des {
  font-size: 12px;
  color: rgba(34, 34, 34, .7);
  line-height: 20px;
  margin-left: 32px
}

.cloud-aside-consult-inner-des-noline {
  border: none
}

.cloud-aside-consult-inner-number {
  color: #006be5
}

.cloud-aside-consult-inner-phone, .cloud-aside-consult-inner-presale, .cloud-aside-consult-inner-service {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px
}

/* .cloud-aside-consult-inner-presale {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/presale.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
}

.cloud-aside-consult-inner-service {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/service.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
}

.cloud-aside-consult-inner-phone {
  background: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/images/icons/phone.png) no-repeat;
  -moz-background-size: cover;
  background-size: cover
} */

.cloud-aside-consult:hover {
  background-color: #2468f2;
  -webkit-box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .24);
  -moz-box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .24);
  box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .24)
}

.cloud-aside-consult:hover .cloud-aside-consult-wrap {
  display: block
}

.cloud-aside-consult:hover .cloud-aside-consult-text {
  color: #fff
}

/* @font-face {
  font-family: ai-icons;
  font-weight: 400;
  font-style: normal;
  src: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/fonts/ai-icons.eot);
  src: url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/fonts/ai-icons.eot#iefix) format("embedded-opentype"), url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/fonts/ai-icons.ttf) format("truetype"), url(//aip.bdstatic.com/portal-pc-node/dist/1669111283329/fonts/ai-icons.woff) format("woff"), url([object\ Module]#ai-icons) format("svg") 
} */

[class*=" ai-icon-"], [class^=ai-icon-] {
  font-family: ai-icons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none
}

.ai-icon-text:before {
  content: "\e922"
}

.ai-icon-more:before {
  content: "\e900"
}

.ai-icon-close-circle-fill:before {
  content: "\e901"
}

.ai-icon-close-circle:before {
  content: "\e902"
}

.ai-icon-question-square:before {
  content: "\e903"
}

.ai-icon-question-square-fill:before {
  content: "\e904"
}

.ai-icon-check-circle:before {
  content: "\e905"
}

.ai-icon-warning-circle:before {
  content: "\e906"
}

.ai-icon-body:before {
  content: "\e907"
}

.ai-icon-ar:before {
  content: "\e908"
}

.ai-icon-speech:before {
  content: "\e909"
}

.ai-icon-data:before {
  content: "\e90a"
}

.ai-icon-easydl:before {
  content: "\e90b"
}

.ai-icon-hardware:before {
  content: "\e90c"
}

.ai-icon-image:before {
  content: "\e90d"
}

.ai-icon-nlp:before {
  content: "\e90e"
}

.ai-icon-paddle:before {
  content: "\e90f"
}

.ai-icon-schema:before {
  content: "\e910"
}

.ai-icon-solution:before {
  content: "\e911"
}

.ai-icon-video:before {
  content: "\e912"
}

.ai-icon-search:before {
  content: "\e913"
}

.ai-icon-forum:before {
  content: "\e914"
}

.ai-icon-video2:before {
  content: "\e915"
}

.ai-icon-github:before {
  content: "\e916"
}

.ai-icon-sdk:before {
  content: "\e917"
}

.ai-icon-arrow:before {
  content: "\e918"
}

.ai-icon-close:before {
  content: "\e919"
}

.ai-icon-copy:before {
  content: "\e91a"
}

.ai-icon-feedback:before {
  content: "\e91b"
}

.ai-icon-smile:before {
  content: "\e91c"
}

.ai-icon-smarty:before {
  content: "\e91d"
}

.ai-icon-video-big:before {
  content: "\e91e"
}

.ai-icon-play:before {
  content: "\e91f"
}

.ai-icon-download:before {
  content: "\e920"
}

.ai-icon-pause:before {
  content: "\e921"
}

.a-row-text {
  white-space: nowrap
}

.a-row-text, .two-rows-text {
  overflow: hidden;
  text-overflow: ellipsis
}

.two-rows-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}


body .ai-track, html .ai-track {
  display: none
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  font-style: normal
}

.ai-content {
  padding-top: 60px
}

.cloud-content {
  padding-top: 0
}

.ai-platform-wrap {
  /* width: 1440px;
  margin: 0 auto; */
  position: relative
}

.ai-platform-pagination {
  text-align: center
}

.ai-platform-pagination.el-pagination {
  line-height: 36px;
  padding: 0
}

.ai-platform-pagination.el-pagination .btn-next, .ai-platform-pagination.el-pagination .btn-prev {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 0
}

.ai-platform-pagination.el-pagination .btn-next:hover, .ai-platform-pagination.el-pagination .btn-prev:hover {
  -webkit-box-shadow: 0 0 0 #fff;
  -moz-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff
}

.ai-platform-pagination.el-pagination .btn-next .el-icon, .ai-platform-pagination.el-pagination .btn-prev .el-icon {
  font-size: 0
}

.ai-platform-pagination.el-pagination .btn-next:disabled .el-icon:before, .ai-platform-pagination.el-pagination .btn-prev:disabled .el-icon:before {
  opacity: .3
}

.ai-platform-pagination.el-pagination .el-icon-arrow-left:before, .ai-platform-pagination.el-pagination .el-icon-arrow-right:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid
}

.ai-platform-pagination.el-pagination .el-icon-arrow-left:before {
  border-color: transparent #666 transparent transparent
}

.ai-platform-pagination.el-pagination .el-icon-arrow-right:before {
  border-color: transparent transparent transparent #666
}

.ai-platform-pagination.el-pagination .el-pager {
  background: #fff;
  line-height: 36px
}

.ai-platform-pagination.el-pagination .el-pager .el-icon-more {
  border: 0
}

.ai-platform-pagination.el-pagination .el-pager .el-icon-more:before {
  content: "..."
}

.ai-platform-pagination.el-pagination .el-pager .el-icon-d-arrow-left, .ai-platform-pagination.el-pagination .el-pager .el-icon-d-arrow-right {
  border: 0
}

.ai-platform-pagination.el-pagination .el-pager .el-icon-d-arrow-left:before, .ai-platform-pagination.el-pagination .el-pager .el-icon-d-arrow-right:before {
  content: "..."
}

.ai-platform-pagination.el-pagination .el-pager .el-icon-d-arrow-left:hover, .ai-platform-pagination.el-pagination .el-pager .el-icon-d-arrow-right:hover {
  content: "...";
  border: 0
}

.ai-platform-pagination.el-pagination .el-pager .number {
  display: inline-block;
  vertical-align: top;
  border: 0;
  font-size: 14px;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  font-weight: 400;
  cursor: pointer
}

.ai-platform-pagination.el-pagination .active {
  border-color: #fff;
  background: #2fa962;
  color: #fff
}

.ai-platform a {
  text-decoration: none
}

.ai-share-icon {
  display: none
}

.ai-link, a {
  text-decoration: none
}

.ai-link:hover {
  color: #2fa962;
  text-decoration: underline
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-track {
  background-color: transparent
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ccc
}

::-webkit-scrollbar-thumb:hover {
  background-color: #989898
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  *zoom: 1
}


.footer {
  position: unset;
  background: #2fa962;
  padding: 20px 0;
}










.search-box {
  width: 520px;
  overflow: hidden;
  display: flex;
}

.search-box .search-input {
  flex-grow: 1;
  padding: 0 15px;
  font-size: 14px;
  border: 0;
  outline: none;
  line-height: 40px;
  height: 40px;
  background-color: #F5F5F5;
  float: left;
}

.search-box .search-btn {
  width: 65px;
  height: 40px;
  float: left;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background-color: #2fa962;
}

.ai-ui-case-card-wrap {
  margin-left: -10px;
  margin-right: -10px;
}

.ai-ui-case-card-wrap div[class*='col'] {
  padding: 0 10px;
}

.price-btn {
  width: 100px;
  height: 36px;
  border: 1px solid #2fa962;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 8px 18px rgba(0, 82, 217, 0.2));
  margin-top: 25px;
  font-size: 14px;
  background-color: #2fa962;
  color: #fff;
}
.price-btn:hover{
  color: #fff;
}








/* .main {
  padding-top: 50px;
} */
/*1200-1440 xl*/
@media (max-width:1440px) {
  .ai-ui-case-card-img {
    height: 64px;
  }

  .ai-ui-case-card-type span {
    font-size: 12px;
  }
}

/* 992-1200 lg*/
@media (max-width:1200px) {}



/* 768-992 md */
@media (max-width:992px) {
  .main {
    padding: 40px 40px 0;
  }

  .ai-ui-case-card-item {
    padding: 30px 15px;
  }

  .ai-ui-case-card-info {
    font-size: 14px;
    line-height: 1.5;
    height: 84px;
  }
}


/* 576px-768 sm */
@media (max-width:768px) {}

/* 375-576 */
@media (max-width:576px) {
  .main {
    padding: 28px 15px 0;
  }

  .sch-box .ai-ui-filter-label {
    display: none;
  }
  .ai-ui-filter-box.customer {
    margin-top: 14px;
}

  .ai-ui-filter-box.customer .ai-ui-filter-right {
    height: 52px;
  }

  .ai-ui-filter-left.customer {
    flex-direction: column;
  }

  .ai-customer-list-filter {
    border: 1px solid #dadcdf;
    padding: 30px 10px;
  }

  .ai-ui-filter-box.customer.is-show .ai-ui-filter-right {
    height: 54px;
  }

  .ai-ui-case-card-wrap {
    padding: 40px 0 0;
  }

  .ai-ui-case-card-item {
    padding: 30px 30px;
  }

  .ai-ui-filter-label {
    font-size: 14px;
  }

  .ai-ui-filter-left.customer .ai-ui-filter-item {
    margin: 0;
  }

  .ai-ui-filter-item {

    font-size: 14px;
  }

  .ai-ui-filter-right.customer {
    padding-left: 0;
  }

  .ai-ui-filter-right.customer .ai-ui-filter-item {
    margin: 0;
  }

  .ai-ui-filter-box .list-btn{
    padding-right: 10px;
  }






  .el-pagination {
    margin: 20px auto 40px;
  }

  .ai-platform-pagination.el-pagination .el-pager .number {
    min-width: 28px;
    height: 28px;
    line-height: 28px;

  }

  .ai-platform-pagination.el-pagination .btn-next, .ai-platform-pagination.el-pagination .btn-prev {
    width: 28px;
    height: 28px;
    line-height: 28px;

  }
}





/* * {
  outline: solid #f00 1px !important;
  background: #000 !important;
  color: #fff !important;
  } */