@charset "UTF-8";
.download_bth {
  position: relative;
  display: block;
  width: 214px;
  height: 58px;
  border-radius: 10px;
  background: var(--Color, #0081ff);
  text-align: center;
}
.download_bth span {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 58px; /* 20px */
}
.download_bth .rq-code-img-div {
  position: absolute;
  bottom: -176px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  flex-direction: column;
  align-items: center;
  width: 152px;
  height: 168px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #eceff2;
}
.download_bth .rq-code-img-div .recode-img {
  margin-top: 7px;
  margin-bottom: 10px;
}
.download_bth .rq-code-img-div span {
  color: #a6a7a8;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14px */
}
.download_bth:hover .rq-code-img-div {
  display: flex;
}

.big_title {
  color: var(--Color-6, #1f2025);
  font-family: "Microsoft YaHei";
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 42px */
}

.title_light {
  background: linear-gradient(90deg, #4255ff 0%, #14c3b9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 117px;
  padding-left: 50px;
  width: 100%;
  height: 854px;
  background: #f2f5fd;
  box-sizing: border-box;
  overflow: hidden;
}
.banner_wrapper .banner_box {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 1200px;
  height: 100%;
}
.banner_wrapper .banner_box .banner_left {
  width: 550px;
  height: 456px;
  margin-left: 0px;
}
.banner_wrapper .banner_box .banner_left h1 {
  margin-bottom: 50px;
  position: relative;
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 58px */
  white-space: nowrap;
}
.banner_wrapper .banner_box .banner_left h1 .biaoqian {
  position: absolute;
  top: -45px;
  right: 70px;
  width: 94px;
  height: 37px;
  flex-shrink: 0;
  background: linear-gradient(90deg, #77ffb5 0%, #fff956 100%);
  color: #164732;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18.286px;
  font-style: normal;
  font-weight: 700;
  line-height: 37px; /* 18.286px */
  border-radius: 18.5px 18.5px 18.5px 5px;
}
.banner_wrapper .banner_box .banner_left p {
  margin-bottom: 50px;
  color: #262b35;
  font-family: "Microsoft YaHei";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 24px */
  letter-spacing: 0.96px;
}
.banner_wrapper .banner_box .banner_left .banner_dec {
  display: flex;
  justify-content: start;
  align-items: center;
}
.banner_wrapper .banner_box .banner_left .banner_dec span {
  margin-bottom: 25px;
  color: #737684;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 151%; /* 30.2px */
}
.banner_wrapper .banner_box .banner_left .banner_dec span::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  filter: drop-shadow(0px 2.857px 4.286px rgba(73, 115, 207, 0.3));
  background: url(https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/293/banner_dec1.svg);
}
.banner_wrapper .banner_box .banner_left .banner_dec span:nth-child(2) {
  margin-left: 40px;
}
.banner_wrapper .banner_box .banner_left .banner_dec .dec1::before {
  background: url(https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/293/banner_dec1.svg);
}
.banner_wrapper .banner_box .banner_left .banner_dec .dec2::before {
  background: url(https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/293/banner_dec2.svg);
}
.banner_wrapper .banner_box .banner_left .banner_dec .dec3::before {
  background: url(https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/293/banner_dec3.svg);
}
.banner_wrapper .banner_box .banner_left .banner_dec .dec4::before {
  background: url(https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/293/banner_dec4.svg);
}
.banner_wrapper .banner_box .banner_left .download_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 15px;
  width: 440px;
  height: 58px;
}
.banner_wrapper .banner_box .banner_left .download_box .download_bth:nth-child(2) {
  border-radius: 10px;
  background: #e0e6f8;
}
.banner_wrapper .banner_box .banner_left .download_box .download_bth:nth-child(2) span {
  color: var(--Color, #0081ff);
}
.banner_wrapper .banner_box .banner_left .ba_bottom {
  color: rgba(32, 47, 68, 0.5);
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14px */
  margin: 0 45px;
}
.banner_wrapper .banner_box .banner_right {
  position: absolute;
  top: -25px;
  right: -130px;
}
.banner_wrapper .banner_box .banner_right img {
  width: 883px;
  flex-shrink: 0;
}

.qes_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
  width: 100%;
  height: 438px;
  background: #fff;
}
.qes_wrapper .qes_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 1202px;
  height: 100%;
}
.qes_wrapper .qes_box ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.qes_wrapper .qes_box ul li {
  position: relative;
  width: 284px;
  height: 306px;
  /* 设置过渡动画 */
  transition: all 0.8s;
  transform-style: preserve-3d;
}
.qes_wrapper .qes_box ul li div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.qes_wrapper .qes_box ul li div:first-child {
  position: relative;
  z-index: 1;
  transform: translateZ(0.1px);
}
.qes_wrapper .qes_box ul li div:first-child h3 {
  color: #4b5571;
  font-family: "Microsoft YaHei";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%; /* 31.9px */
  letter-spacing: 0.88px;
  padding: 50px 40px;
}
.qes_wrapper .qes_box ul li div:first-child img {
  position: absolute;
  right: 30px;
  bottom: 15px;
}
.qes_wrapper .qes_box ul li div:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotateY(180deg);
}
.qes_wrapper .qes_box ul li div:last-child img {
  margin-top: 40px;
}
.qes_wrapper .qes_box ul li div:last-child h3 {
  color: #fff;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%; /* 29px */
  letter-spacing: 0.8px;
}
.qes_wrapper .qes_box ul li div:last-child .liaojie {
  margin-top: 35px;
  width: 150px;
  height: 44px;
  flex-shrink: 0;
  text-align: center;
  color: var(--Color, #0081ff);
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.8px;
  border-radius: 30px;
  background: #fff;
  cursor: pointer;
}
.qes_wrapper .qes_box ul li:hover {
  transform: rotateY(180deg);
}
.qes_wrapper .qes_box ul li:nth-child(1) div:first-child {
  background: #eef4fe;
}
.qes_wrapper .qes_box ul li:nth-child(1) div:last-child {
  background: linear-gradient(180deg, #518df0 0%, #65acfa 100%), linear-gradient(157deg, #fdfeff 0%, #f1f7ff 84.95%);
}
.qes_wrapper .qes_box ul li:nth-child(2) div:first-child {
  background: #f0f1fe;
}
.qes_wrapper .qes_box ul li:nth-child(2) div:last-child {
  background: linear-gradient(180deg, #6874f7 0%, #8396e9 100%);
}
.qes_wrapper .qes_box ul li:nth-child(3) div:first-child {
  background: #e6f7fe;
}
.qes_wrapper .qes_box ul li:nth-child(3) div:last-child {
  background: linear-gradient(180deg, #00a9f1 0%, #4bc2f5 100%);
}
.qes_wrapper .qes_box ul li:nth-child(4) div:first-child {
  background: #e9f3ff;
}
.qes_wrapper .qes_box ul li:nth-child(4) div:last-child {
  background: linear-gradient(180deg, #2185ff 0%, #60a7ff 100%);
}

.adventage_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2542px;
}
.adventage_wrapper .adventage_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 1440px;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(166deg, #e3f2ff 0%, #f7faff 50%, #ebf4fa 100%);
}
.adventage_wrapper .adventage_box .big_title {
  margin-top: 50px;
}
.adventage_wrapper .adventage_box .adventage_dec {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 1200px;
  height: 436px;
  border-radius: 16px;
  background: #fff;
}
.adventage_wrapper .adventage_box .adventage_dec .ad_left {
  display: flex;
  flex-direction: column;
  width: 468px;
  height: 252px;
  margin: 0 110px;
}
.adventage_wrapper .adventage_box .adventage_dec .ad_left h1 {
  margin-bottom: 20px;
  color: var(--Color-6, #1f2025);
  font-family: "Microsoft YaHei";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 33.8px */
}
.adventage_wrapper .adventage_box .adventage_dec .ad_left > span {
  display: flex;
  align-items: center;
  color: #5b5b74;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 40px */
}
.adventage_wrapper .adventage_box .adventage_dec .ad_left > span::before {
  content: "";
  display: block;
  margin: 0 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #5b5b74;
}
.adventage_wrapper .adventage_box .adventage_dec .ad_left .download_bth {
  margin-top: 20px;
}
.adventage_wrapper .adventage_box .adventage_dec .ad_right {
  position: absolute;
  top: -22px;
  right: 0;
  width: 598px;
}
.adventage_wrapper .adventage_box .adventage_dec:nth-child(3) {
  justify-content: end;
}
.adventage_wrapper .adventage_box .adventage_dec:nth-child(3) .ad_left {
  margin: 0 50px;
}
.adventage_wrapper .adventage_box .adventage_dec:nth-child(3) .ad_right {
  position: absolute;
  top: -22px;
  left: 0;
}
.adventage_wrapper .adventage_box .adventage_dec:nth-child(5) {
  justify-content: end;
}
.adventage_wrapper .adventage_box .adventage_dec:nth-child(5) .ad_left {
  margin: 0 40px;
}
.adventage_wrapper .adventage_box .adventage_dec:nth-child(5) .ad_right {
  position: absolute;
  top: -22px;
  left: 0;
}

.wusun_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  margin-bottom: 90px;
  width: 100%;
  height: 820px;
  background: #fff;
}
.wusun_wrapper .wusun_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  height: 100%;
}
.wusun_wrapper .wusun_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.wusun_wrapper .wusun_box ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;
  padding: 0 65px;
  width: 580px;
  height: 324px;
  border-radius: 16px;
  background: #f5f5f7;
  box-sizing: border-box;
  transition: all 0.5s;
}
.wusun_wrapper .wusun_box ul li .wusun_top {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
.wusun_wrapper .wusun_box ul li .wusun_top span {
  margin-left: 25px;
  color: var(--Color-6, #1f2025);
  font-family: "Microsoft YaHei";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 33.8px */
}
.wusun_wrapper .wusun_box ul li p {
  color: #5b5b74;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}
.wusun_wrapper .wusun_box ul li:hover {
  transform: translateY(-16px);
}

.fdownload_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 218px;
  flex-shrink: 0;
  background: linear-gradient(90deg, #eaf5fb 0%, #f5f0fd 100%);
}
.fdownload_wrapper .fdownload_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 100%;
}
.fdownload_wrapper .fdownload_box h1 {
  margin-right: 70px;
  color: #1e2938;
  font-family: "Microsoft YaHei";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 36px */
}

/* 评价 */
.assess-box {
  width: 100%;
  padding: 100px 0;
  margin-top: 30px;
  box-sizing: border-box;
  text-align: center;
}
.assess-box .big_title {
  margin-bottom: 70px;
}

.assess-content {
  width: 1200px;
  margin: 0 auto;
}

.assess-content ul:nth-child(1) li {
  display: none;
  width: 100%;
  height: 307px;
  box-sizing: border-box;
  background: #f1f8ff;
  border-radius: 30px;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-top: 48px;
}

.assess-star h1 {
  font-size: 26px;
  font-weight: 700;
  color: #2d2856;
  margin-bottom: 24px;
}

.assess-content ul:nth-child(1) li span {
  display: block;
  width: 1000px;
  height: 1px;
  background: #ebeff3;
  border-radius: 0px 0px 0px 0px;
  margin: 40px auto 0 auto;
}

.assess-content ul:nth-child(1) li p {
  font-size: 18px;
  font-weight: 400;
  color: #666473;
  margin-top: 44px;
}

.assess-content ul:nth-child(1) li i {
  display: block;
  width: 40px;
  height: 40px;
  background: #f1f8ff;
  border-radius: 2px 2px 2px 2px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  bottom: -20px;
}

.left1 {
  left: 80px;
}

.left2 {
  left: 280px;
}

.left3 {
  left: 479px;
}

.left4 {
  left: 678px;
}

.left5 {
  left: 877px;
}

.left6 {
  left: 1081px;
}

.assess-content ul:nth-child(1) li:first-child {
  display: block;
}

.assess-content ul:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 63px;
}

.assess-content ul:nth-child(2) li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.assess-content ul:nth-child(2) li:hover {
  cursor: pointer;
}

.assess-content ul:nth-child(2) li img {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 3px solid transparent;
}

.assess-content ul:nth-child(2) li.active img {
  border: 3px solid rgb(29, 207, 156);
}

.assess-content ul:nth-child(2) li p {
  font-family: "Microsoft YaHei UI";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-transform: lowercase;
  color: #666473;
  margin-top: 17px;
  margin-bottom: 11px;
}

.assess-content ul:nth-child(2) li h2 {
  font-family: "Microsoft YaHei UI";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #283256;
}

/*# sourceMappingURL=style.css.map */