@import url(./layui.css);
@import url(./public.css);
@import url('./navigator.css');


/* 宣传 */
.publicity--wrap {
  width: 100vw;
  padding-top: 160px;
}

.publicity--wrap .publicity-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.publicity--wrap .publicity-container .container-top--wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.publicity--wrap .publicity-container .container-top--wrap .top-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.publicity--wrap .publicity-container .container-top--wrap .top-left .text-item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c0cae6;
  gap: 16px;
}

.publicity--wrap .publicity-container .container-top--wrap .top-left .text-item span {
  font-size: 20px;
}

.publicity--wrap .publicity-container .container-top--wrap .top-left .text-title {
  font-weight: 800;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 76px;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.publicity--wrap .publicity-container .container-top--wrap img {
  height: 376px;
}

.publicity--wrap .publicity-container .container-top--wrap .features {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  gap: 40.96px;
  color: #15B2F5;
}

.publicity--wrap .publicity-container .container-top--wrap .feature-item {
  display: flex;
  align-items: center;
}

.publicity--wrap .publicity-container .container-top--wrap .feature-item i {
  margin-right: 8px;
}

.publicity--wrap .publicity-container .container-top--wrap .download-button {
  cursor: pointer;
  width: 240px;
  height: 64px;
  background: #15B2F5;
  border-radius: 60px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  margin-top: 20px;
}

.publicity--wrap .publicity-container .container-top--wrap .download-button .button-text {
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 32px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.publicity--wrap .publicity-container .container-top--wrap .download-button i {
  font-size: 41.12px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  color: #15b2f5;
}


.publicity--wrap .publicity-container .container-bottom--wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  gap: 32px;
  padding-bottom: 46.08px;
}

.publicity--wrap .publicity-container .container-bottom--wrap .feature-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21.28px;
}

.publicity--wrap .publicity-container .container-bottom--wrap .feature-item i {
  font-size: 24px;
  margin-right: 16px;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #34449f;
  border-radius: 50%;
}

.publicity--wrap .publicity-container .container-bottom--wrap .feature-line {
  border: 0.96px solid #4f66b7;
  height: 42.08px;
}

.navigator-bottom--wrap {
  height: 44px;
  background: #fff;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}

.navigator-bottom--wrap .bottom-content {
  position: absolute;
  width: 960px;
  height: 45.28px;
  top: -1.92px;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}

/* 行业痛点 */
.pain-points--wrap {
  margin-top: 50px;
}

.pain-points--wrap .points-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.pain-points--wrap .points-container .container-title {
  font-size: 35px;
  color: #002265;
  font-weight: bold;
}

.pain-points--wrap .points-container .container-tips {
  margin-top: 10px;
  font-size: 23.04px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #082032;
}

.pain-points--wrap .points-container .points-cards {
  margin-top: 50px;
  display: flex;
  align-items: stretch;
  gap:80px;
}

.pain-points--wrap .points-container .points-cards .cards-item {
  flex: 1;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.17);
  border-radius: 12px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  box-sizing: border-box;
}

.pain-points--wrap .points-container .points-cards .cards-item img {
  height: 200px;
}

.pain-points--wrap .points-container .points-cards .cards-item .title {
  font-weight: 600;
  font-size: 25px;
  color: #002265;
  line-height: 29.28px;
  letter-spacing: 0.96px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-top: 20px;
}

.pain-points--wrap .points-container .points-cards .cards-item .tips {
  margin-top: 10px;
  color: #082032;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}

/* 为什么选择我们 */
.why-choose-us--wrap {
  margin-top: 50px;
}

.why-choose-us--wrap .choose-us-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.why-choose-us--wrap .choose-us-container .container-title {
  font-size: 35px;
  color: #002265;
  font-weight: bold;
}

.why-choose-us--wrap .choose-us-container .choose-us-content {
  margin-top: 50px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  border: 1px solid;
  border-image: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 0.48 0.48;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 70px 0;
  box-sizing: border-box;
}

.why-choose-us--wrap .choose-us-container .choose-us-content .content-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 0 50px;
  flex: 1
}

.why-choose-us--wrap .choose-us-container .choose-us-content .content-left .item {
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 28px;
  color: #002265;
  letter-spacing: 1px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.why-choose-us--wrap .choose-us-container .choose-us-content .content-right {
  flex: 1;
  display: flex;
  align-items: center;
}

.why-choose-us--wrap .choose-us-container .choose-us-content .content-right img {
  height: 400px;
}

/* 功能介绍 */
.function-intro--wrap {
  margin-top: 50px;
  color: #002265;
}

.function-intro--wrap .intro-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.function-intro--wrap .intro-container .container-title {
  font-size: 35px;
  color: #002265;
  font-weight: bold;
}

.function-intro--wrap .intro-container .intro-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 20px;
}

.function-intro--wrap .intro-container .intro-content .content-left img {
 height: 400px;
}

.function-intro--wrap .intro-container .intro-content .content-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.function-intro--wrap .intro-container .intro-content .content-right .right-title .hello1 {
  font-size: 35px;
  font-style: normal;
  text-transform: none;

}

.function-intro--wrap .intro-container .intro-content .content-right .right-title .hello2 {
  font-size: 50.08px;
  font-style: normal;
  text-transform: none;
  font-weight: bold;

}

.function-intro--wrap .intro-container .intro-content .content-right .right-item {
  margin-top: 20px;
  color: #082032;
}

.function-intro--wrap .intro-container .intro-content .content-right .right-item .title {
  font-size: 23.04px;
  font-weight: bold;
  margin-bottom: 16px;
}

.function-intro--wrap .intro-container .intro-content .content-right .right-item .title img {
  width: 32px;
  margin-right: 20px;
}

.function-intro--wrap .intro-container .intro-content .content-right .right-item .tips {
  color: #082032;
  font-size: 16px;
  line-height: 24px;
}

/* 客户的选择 */
.customer-choose--wrap {
  margin-top: 50px;
}

.customer-choose--wrap .choose-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.customer-choose--wrap .choose-container .container-title {
  font-size: 35px;
  color: #002265;
  font-weight: bold;
}

.customer-choose--wrap .choose-container .container-tips {
  margin-top: 20px;
  font-size: 20px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #082032;
}

.customer-choose--wrap .choose-cards {
  margin-top: 50.08px;
  display: flex;
  justify-content: stretch;
}
.customer-choose--wrap .choose-cards .card-left{
  display: flex;
  flex-wrap: wrap;

}
.customer-choose--wrap .choose-cards .card-left .card-item{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 160px;
}
.customer-choose--wrap .choose-cards .card-left .card-item img{
  width: 60px;
}
.customer-choose--wrap .choose-cards .card-left .card-item .item-text{
  margin-top: 10px;
  font-weight: bold;
}
.customer-choose--wrap .choose-cards .card-right{
  width: 360px;
  padding: 20px;
  box-sizing: border-box;
  background: #15B2F5;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.customer-choose--wrap .choose-cards .card-right .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
}

.customer-choose--wrap .choose-cards .card-right .tips {
  margin-top: 16px;
  font-size: 18px;
  text-align: center;
}

.customer-choose--wrap .choose-cards .card-right .button {
  color: #15B2F5;
  width: 280px;
  height: 40px;
  text-align: center;
  background: #FFFEFE;
  border-radius: 60px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.customer-choose--wrap .choose-cards .card-item {
  padding: 32px;
  box-sizing: border-box;
}

.customer-choose--wrap .choose-cards .card-item .item-icon img {
  width: 100%;
}

.customer-choose--wrap .choose-cards .card-item .title {
  margin-top: 16px;
  font-size: 20px;
  color: #082032;
  line-height: 28px;
  font-weight: bold;
}

.customer-choose--wrap .choose-cards .card-item .tips {
  margin-top: 12px;
  font-size: 20px;
  color: #545971;
  line-height: 28px;
  text-align: left;
}


/* 专业的服务 */
.service--wrap {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.service--wrap .service-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.service--wrap .service-left .title {
  font-weight: bold;
  font-size: 35px;
  color: #082032;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.service--wrap .service-left .tips {
  margin-top: 20px;
  font-weight: bold;
  font-size: 18px;
  color: #082032;
  text-align: left;
  font-style: normal;
  text-transform: none;
  width: 692px;
}

.service--wrap .service-left .text-item {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.service--wrap .service-left .text-item .item-number {
  font-weight: bold;
  font-size: 30px;
  color: #9EA3B5;
  line-height: 64px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.service--wrap .service-left .text-item .item-title {
  font-weight: bold;
  font-size: 20px;
  color: #082032;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-left: 20px;
}

.service--wrap .service-left .text-item .item-tips {
  width: 500px;
  font-size: 16px;
  color: #545971;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-left: 20px;
}
.service--wrap .service-right{
  /*flex: 1;*/
}

.service--wrap .service-right img{
  height: 400px;
}