@charset "utf-8";

/* index - 产品优势 */
.list-advantage {display: flex;flex-wrap: wrap;gap: 24px;}
.list-advantage .item {flex: 0 0 calc((100% - 48px)/3);position: relative;padding: 36px 48px;background-color: #fff; text-align: center}
.list-advantage .thumbnail {display: flex;align-items: center;height: 140px; justify-content: center}
.list-advantage .thumbnail img {height: 100%;}
.list-advantage .title {margin-top: 24px;font-size: 20px;line-height: 24px;}
.list-advantage .summary {margin-top: 28px;font-size: 16px;line-height: 24px;color: #777E90;}
.list-advantage .item:hover {box-shadow: 30px 30px 30px #2c36440f;}
.list-advantage .item:hover::before {content: '';display: block;position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 4px;background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);}
.list-advantage .item:hover .title {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

/* index - 主要场景 */
.list-index-scene {display: flex;flex-wrap: wrap;gap: 20px;}
.list-index-scene .item {flex: 0 0 calc((100% - 60px)/4);position: relative;padding: 60px 43px 112px;background-color: #fcfcfd;overflow: hidden;}
.list-index-scene .title {font-size: 20px;line-height: 24px;}
.list-index-scene .thumbnail {display: flex;align-items: center;margin-top: 32px;height: 152px;}
/* .list-index-scene .thumbnail img {height: 100%;} */
.list-index-scene .btn {position: absolute;bottom: 25px;left: 43px;z-index: 10;padding: 13px 40px;font-size: 14px;line-height: 20px;border-radius: 8px;border: 2px solid #e6e8ec;}
.list-index-scene .cover {position: absolute;top: 0;left: -100%;z-index: 2;width: 100%;height: 100%;padding: 68px 32px 0;background-color: #fff;transition: all .3s;}
.list-index-scene .item:hover {box-shadow: 0px 40px 60px #9c9c9c1a;}
.list-index-scene .item:hover .cover {left: 0;}
.list-index-scene .item:hover .btn {color: #fff;background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);border-color: transparent;}

/* index - 核心功能 */
.index-core-function .btn-more {margin-top: 50px;}
.index-core-function .btn-more.fold .iconfont {display: inline-block;transform: rotate(180deg);}

/* index - news */
.index-news {display: flex;justify-content: space-between;align-items: center;}
.index-news .left {flex-shrink: 0;width: 440px;}
.index-news .left .more {padding: 11px 40px;}
.index-news .list-news-simple {margin-bottom: 60px;}
@media (max-width: 768px) {
  .index-news .left {width: 100%;}
}

/* 关于我们 - 公司资质 */
.list-honor {display: flex;flex-wrap: wrap;gap: 30px 20px;}
.list-honor .item {flex: 0 0 calc((100% - 40px)/3);}
.list-honor a {display: block;width: 100%;padding: 3px;font-size: 0;border-radius: 8px;box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.2);}
.list-honor img {width: 100%;}
.list-honor .name {margin-top: 10px;font-size: 16px;line-height: 24px;color: #000;font-weight: 500;text-align: center;}

@media (max-width: 768px) {
  .list-honor {gap: 20px 10px;}
  .list-honor .item {flex: 0 0 calc((100% - 20px)/2);}
}

/* 关于我们 - 联系我们 */
.contactus {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;color: #23262f;}
.contactus > div {flex: 0 0 calc((100% - 40px) / 2)}
.business_card {padding: 46px 30px 35px;background-color: #fff;}
.business_card .top {padding: 0 8px 35px;border-bottom: 1px solid #d9d9d9;}
.business_card .top .title {font-size: 20px;line-height: 20px;font-weight: 600;}
.business_card .top .subtitle {margin-top: 10px;font-size: 14px;line-height: 24px;}
.business_card .bottom {display: flex;}
.business_card .info {flex: 1;padding: 19px 19px 0 6px;}
.business_card .info .item {display: flex;margin-top: 5px;}
.business_card .info .item:first-child {margin-top: none;}
.business_card .info a {font-size: 12px;line-height: 24px;letter-spacing: 2px;}
.business_card .info .icon,
.business_card .info .iconfont {width: 24px;height: 24px;margin-right: 10px;font-size: 20px;line-height: 24px;text-align: center;background-size: contain;}
.business_card .icon-tel {color: #4799AB;}
.business_card .icon-email {color: #2F80ED;}
.business_card .wechat {display: flex;align-items: center; justify-content: flex-end;flex-shrink: 0;width: 120px;}
.business_card .wechat img {}
.contact_map {position: relative;z-index: 1;height: 300px;border-radius: 8px;border: 2px solid #c5d0f0;}
.contact_address {padding: 24px 0;font-size: 16px;line-height: 30px;color: #23262f;}
.contact_address .title {margin-bottom: 16px;font-size: 20px;font-weight: 500;}
.amap-info-content.amap-info-outer .amap-info-close {right: 5px!important;}

/* 产品购买 */
.buy-container {overflow-x: auto;}
.table-buy {min-width: 100%;font-size: 16px;line-height: 24px;text-align: center;background-color: #fcfcfd;}
/* .table-buy {min-width: 1000px;} */
.table-buy thead {background: url(../images/buy_bg.png) no-repeat;background-size: 100% 100%;}
.table-buy thead th {padding: 30px 0;}
.table-buy thead .title {font-size: 36px;line-height: 60px;}
.table-buy thead .subtitle {margin-top: 30px;font-size: 16px;line-height: 24px;font-weight: 500;}
.table-buy thead th:nth-child(2) .title {color: #BB6BD9;}
.table-buy thead th:nth-child(3) .title {color: #F2994A;}
.table-buy thead th:nth-child(4) .title {color: #27AE60;}
.table-buy thead th:nth-child(5) .title {color: #2F80ED;}
.table-buy tr {border-bottom: 1px solid #e6e8ec;}
.table-buy td {padding: 20px;color: #777E90;}
.table-buy .label {color: #23262F;}
.table-buy .label.first {width: 60px;font-size: 20px;line-height: 30px;}
.table-buy a {color: #EB5757;}
.table-buy .icon-duigou {color: #45B26B;}
.table-buy th.hover {background-color: #D0E5FF;}
.table-buy td.hover {background-color: #D0E5FF;}

/* 列表 - logo */
.list-logo {display: flex;justify-content: center;flex-wrap: wrap;gap: 44px 80px;}
.list-logo .item {height: 62px; }
.list-logo .item img {height: 100%; cursor: pointer}
.list-logo .item img:hover { animation: bubble-up 0.6s ease-in-out }

@keyframes bubble-up {
  50% {
    transform: translateY(-10px);
    opacity: 1;
  }
}

/* 新闻 - 列表 */
.list-card {display: flex;flex-wrap: wrap;gap: 40px;min-width: 0;}
.list-card .item {width: calc((100% - 40px) / 2);display: flex;gap: 0 24px;align-items: flex-end; padding: 40px 24px;background-color: #FCFCFD;border-radius: 10px; justify-content: space-between}
.list-card .left {overflow: hidden;height: 100%;}
.list-card .title {font-size: 20px;line-height: 24px;font-weight: 600;color: #000;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.list-card .info {margin-top: 8px;font-size: 16px;line-height: 24px;color: #BDBDBD;}
.list-card .summary {margin-top: 16px;font-size: 16px;line-height: 24px;color: #777e90;text-align: justify;overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.list-card .thumbnail {flex-shrink: 0;width: 120px;height: 120px;border-radius: 8px;}
.list-card .item:hover {box-shadow: 0px 20px 40px rgba(0,0,0,.05);}
.list-card .item:hover .title {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

/* 列表 - 新闻 - 简版 */
.list-news-simple {text-align: left;line-height: 24px;color: #777E90;}
.list-news-simple .item {display: block;margin-top: 34px;}
.list-news-simple .item:first-child {margin-top: 0;}
.list-news-simple .top {position: relative;padding-right: 110px;padding-bottom: 3px;border-bottom: 1px solid #e6e8ec;}
.list-news-simple .title {font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-news-simple .time {position: absolute;top: 0;right: 0;font-size: 14px;}
.list-news-simple .summary {margin-top: 15px;font-size: 15px;line-height: 24px;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box;-webkit-box-orient: vertical;}
.list-news-simple .item:hover .title {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

/* 卡片 - 进度 */
.list-progress {display: flex;flex-wrap: wrap;gap: 20px;}
.list-progress .item {flex: 0 0 calc((100% - 80px) / 5);position: relative;padding: 24px 24px 46px;text-align: center;border-radius: 8px;border: 2px solid #f5f5f9;
  background: linear-gradient(180deg, #fbfdff 0%, #f7f8fc 100%);
}
.list-progress .icon {height: 80px;}
.list-progress .icon img {height: 100%;}
.list-progress h4 {margin-top: 20px;font-size: 14px;line-height: 20px;color: #777E90;}
.list-progress h3 {margin-top: 8px;font-size: 24px;line-height: 30px;}
.list-progress .time {margin-top: 16px;font-size: 14px;line-height: 20px;text-align: center;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.list-progress .summary {margin-top: 24px;font-size: 14px;line-height: 24px;color: #777e90;}
.list-progress .icon-jiantou {position: absolute;top: 50%;right: -27px;z-index: 2;width: 34px;height: 34px;margin-top: -17px;font-size: 16px;line-height: 34px;text-align: center;color: rgba(119, 126, 144, .6);background: #fff;box-shadow: 0px 4px 4px #1010101a;border-radius: 50%;}
/* 4等分 */
.list-progress-4 .item {flex: 0 0 calc((100% - 60px) / 4);}
.list-progress-4 .item:nth-child(4n) .icon-jiantou,
.list-progress-4 .item:last-child .icon-jiantou {display: none;}

/* 卡片 - 文字 */
.list-text-card {display: flex;flex-wrap: wrap;gap: 30px 140px;}
.list-text-card .item {flex: 0 0 calc((100% - 140px) / 2);}
.list-text-card h3 {font-size: 16px;line-height: 24px;font-weight: 500;}
.list-text-card .summary {margin-top: 13px;font-size: 16px;line-height: 20px;text-align: justify;color: #777e90;}

/* 列表 - 文字 */
.list-text li {font-size: 14px;line-height: 24px;color: #666;text-align: justify;}
.list-text li {margin-top: 5px;}
.list-text li:first-child {margin-top: 0;}

/* 卡片 - 图文 */
.card-thumbnail {display: flex;justify-content: center;flex-wrap: wrap;flex-direction: column;padding: 52px;background-repeat: no-repeat;background-size: cover;background-position: right center;}
.card-thumbnail .title {margin-bottom: 24px;font-size: 24px;line-height: 43px;}
.card-thumbnail .title-primary {font-size: 48px;line-height: 50px;font-weight: bolder;
  background: linear-gradient(90deg, rgba(56, 144, 250, 1) 25.28%, rgba(56, 75, 250, 1) 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.card-thumbnail .list {font-size: 14px;line-height: 24px;color: #666;text-align: justify;}
.card-thumbnail .list li {margin-top: 5px;}
.card-thumbnail .list li:first-child {margin-top: 0;}
.card-thumbnail .list li:hover {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

/* 列表 - 图文简介 */
.list-thumbnail {display: flex;flex-wrap: wrap;gap: 40px;}
.list-thumbnail .item {flex: 0 0 calc((100% - 120px) / 4);background-color: #fff;}
.list-thumbnail .thumbnail {padding: 12px;text-align: center;font-size: 0;border-radius: 8px;background: rgba(214, 238, 253, 1);}
/* .list-thumbnail .thumbnail img {height: 100%;} */
.list-thumbnail .content {padding: 20px;}
.list-thumbnail .title {font-size: 24px;line-height: 26px;color: #000;}
.list-thumbnail .list {margin-top: 24px;font-size: 14px;line-height: 22px;color: #777E90;}
.list-thumbnail .list li {margin-top: 5px;}

/* 列表 - 图文简介 - 区块 */
.list-thumbnail-block {display: flex;flex-wrap: wrap;gap: 80px 0;}
.list-thumbnail-block .item {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;overflow: hidden;}
.list-thumbnail-block .thumbnail {flex: 1;}
/* .list-thumbnail-block .thumbnail {width: 600px;padding: 30px 50px;} */
.list-thumbnail-block .thumbnail img {width: 400px; height: auto}
.list-thumbnail-block .content {flex-shrink: 0;width: 540px;padding: 20px;}
.list-thumbnail-block .title {font-size: 40px;line-height: 60px;font-weight: 600;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.list-thumbnail-block .list {margin-top: 24px;font-size: 14px;line-height: 22px;color: #777E90;}
.list-thumbnail-block .list li {margin-top: 18px;}

.list-thumbnail-block .item:nth-child(odd) {flex-direction: row-reverse;}

/* 题库建设 */
.question-construction .card-thumbnail {min-height: 400px;padding-left: 140px;}

@media (max-width: 768px) {
  .list-advantage {text-align: center;}
  .list-advantage .item {flex: 0 0 100%;padding: 20px;}
  .list-advantage .thumbnail {justify-content: center;height: 100px;}
  .list-advantage .thumbnail img {height: 100%;}
  .list-advantage .title {margin-top: 15px;}
  .list-advantage .summary {margin-top: 15px;font-size: 14px;}

  .list-index-scene {text-align: center;}
  .list-index-scene .item {flex: 0 0 100%;padding: 20px 20px 80px;}
  .list-index-scene .thumbnail {justify-content: center;margin-top: 20px;height: 100px;}
  .list-index-scene .thumbnail img {height: 100%;}
  .list-index-scene .btn {bottom: 20px;left: 50%;transform: translateX(-50%);padding: 8px 30px;}

  .list-thumbnail-block {gap: 20px;}
  .list-thumbnail-block .thumbnail {width: 100%;padding: 20px;text-align: center;}
  .list-thumbnail-block .thumbnail img {width: 100%;}
  .list-thumbnail-block .content {width: 100%;}
  .list-thumbnail-block .title {font-size: 26px;line-height: 40px;}
  .list-thumbnail-block .list {margin-top: 20px;}
  .list-thumbnail-block .list li {margin-top: 15px;}

  .index-core-function .btn-more {margin-top: 30px;}

  .index-news .list-news-simple {margin-bottom: 30px;}
  .index-news .left .text-left {text-align: center;}
  .index-news .left .more {}

  .list-news-simple .item {margin-top: 20px;}
  .list-news-simple .title {font-size: 14px;}

  .list-logo {gap: 20px;}
  .list-logo .item {height: 40px;}

  .list-progress {gap: 15px;}
  .list-progress .item {flex: 0 0 100%;padding: 20px;}
  .list-progress h4,
  .list-progress .time,
  .list-progress .summary {margin-top: 10px;}
  .list-progress .icon-jiantou {top: auto;bottom: -24px;right: auto;left: 50%;margin-top: 0;margin-left: -17px;transform: rotate(90deg);}
  .list-progress-4 .item:nth-child(4n) .icon-jiantou {display: block;}

  .list-text-card .item {flex: 0 0 100%;}
  .list-text-card .summary {margin-top: 10px;font-size: 14px;}

  .card-thumbnail {flex-wrap: nowrap;padding: 30px;background-position-x: left;}
  .card-thumbnail .title {margin-bottom: 15px;}
  .card-thumbnail .title-primary {font-size: 30px;line-height: 40px;}

  .question-construction .card-thumbnail {padding-left: 30px;min-height: 200px}

  .list-thumbnail .item {flex: 0 0 100%;}
  .list-thumbnail .thumbnail {height: 140px;}
  .list-thumbnail .title {font-size: 20px;}
  .list-thumbnail .list {margin-top: 15px;}

  .card-thumbnail-container .item {margin-top: 15px;}
  .card-thumbnail-container .item:first-child {margin-top: 0;}
  .card-thumbnail-container .card-thumbnail {height: auto!important;min-height: 240px!important;}

  .list-card {gap: 15px;}
  .list-card .item {width: 100%;padding: 15px;}
  .list-card .thumbnail {width: 80px;height: 80px;}
  .list-card .title {font-size: 16px;line-height: 20px;}
  .list-card .info {margin-top: 5px;font-size: 14px;line-height: 20px;}
  .list-card .summary {margin-top: 10px;font-size: 14px;line-height: 20px;}

  .table-buy {min-width: 700px;font-size: 14px;line-height: 20px;}
  .table-buy thead .title {font-size: 22px;}
  .table-buy thead .subtitle {margin-top: 15px;font-size: 14px;}
  .table-buy .label.first {width: 42px;font-size: 16px;}
  .table-buy td {padding: 10px;}

  .contactus {gap: 20px;}
  .contactus > div {flex: 0 0 100%;padding: 10px;}
  .business_card .top {padding: 8px 0 15px;}
  .business_card .info {padding: 15px 15px 0 0;}
  .business_card .wechat {width: 100px;padding-right: 0;}
  .contact_address .title {margin-bottom: 10px;}
}