body,
html,
input,
div,
p {
  margin: 0;
  padding: 0;
}
#content {
  padding-top: 4.17rem;
}
#content .box-title {
  font-size: 1.04rem;
  padding-bottom: 0.42rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 1.56rem;
}
#content .box-desc {
  opacity: 0.6;
  font-size: 0.83rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  line-height: 1.15rem;
}
#content #hearder {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.17rem;
  padding: 0 18.95rem;
  font-size: 0.84rem;
  background: #FFFFFF;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
#content #hearder > img {
  height: 4.17rem;
}
#content #hearder .h-left {
  display: flex;
}
#content #hearder .h-left .header-item {
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  margin-left: 2.92rem;
  padding-bottom: 2px;
  position: relative;
  top: 2px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}
#content #hearder .h-left .header-item:hover {
  color: #2F65FF;
  border-bottom: 2px solid #2F65FF;
}
#content .banner1 {
  width: 100%;
  height: 28rem;
  padding-top: 4.2rem;
  padding-left: 18.75rem;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: linear-gradient(120deg, #f3f8ff 0%, #e8f1ff 48%, #f8fbff 100%);
}
#content .banner1 > img {
  display: none;
}
#content .banner1 .banner1-title {
  font-size: 2.5rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 3.75rem;
  letter-spacing: 4px;
}
#content .banner1 .banner1-desc {
  width: 22.5rem;
  padding-top: 1.25rem;
  font-size: 0.73rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  line-height: 1.3rem;
  opacity: 0.6;
}
#content .banner1 .banner1-content {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
#content .banner1 .banner1-app-preview {
  margin-left: 4rem;
  width: 39rem;
  height: 21.94rem;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 1rem 3rem rgba(0,0,0,0.15);
  background: #071778;
}
#content .banner1 .banner1-app-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  display: block;
}
#content .banner2 {
  padding-top: 1.56rem;
  padding-bottom: 5rem;
  padding-left: 18.75rem;
  display: flex;
}
#content .banner2 .banner2-item {
  width: 13.91rem;
  margin-right: 2.29rem;
  background: url('images/jubf16@2x(1).png');
  background-size: 100% 100%;
  padding: 1.56rem 1.82rem;
  box-sizing: border-box;
}
#content .banner2 .banner2-item .banner2-item-item {
  font-size: 1.04rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 1.56rem;
  letter-spacing: 2px;
}
#content .banner2 .banner2-item .banner2-item-item > img {
  width: 1.15rem;
  height: 1.15rem;
  vertical-align: middle;
  position: relative;
  top: -0.1rem;
}
#content .banner2 .banner2-item .banner2-item-desc {
  font-size: 0.73rem;
  opacity: 0.6;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  line-height: 1.09rem;
}
#content .banner3 .title-image {
  width: 100%;
}
#content .banner3 .box-p-image {
  width: 30.16rem;
  height: 19.32rem;
  position: absolute;
  top: 2.19rem;
  right: 0;
}
#content .banner3 .num-1 {
  width: 24.69rem;
  height: 4.84rem;
}
#content .banner3 .content3-title {
  font-size: 1.56rem;
  padding-top: 1.4rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 2.34rem;
}
#content .banner3 .content3-desc {
  width: 24.69rem;
  opacity: 0.6;
  font-size: 0.83rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  padding-top: 1.04rem;
  line-height: 1.41rem;
}
#content .banner3 .content1 {
  padding-left: 18.75rem;
  position: relative;
  top: -4.84rem;
  width: 62.5rem;
}
#content .banner3 .content1 .content3-boxs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 6.25rem;
}
#content .banner3 .content1 .content3-boxs .box {
  width: 30.1rem;
  height: 8.33rem;
  padding: 1.3rem 2.08rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
  background-image: url('images/xjghjghjg.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  margin-bottom: 2.29rem;
}
#content .banner3 .content1 .content3-boxs .box .box-left {
  width: 5.73rem;
  height: 5.73rem;
}
#content .banner3 .content1 .content3-boxs .box .box-right {
  width: 19.38rem;
  padding-left: 1.67rem;
}
#content .banner3 .content2 {
  width: 62.5rem;
  margin: 0 auto;
  position: relative;
}
#content .banner3 .content2 .num-2-p {
  position: absolute;
  left: 0;
  top: 2.29rem;
  width: 30.16rem;
  height: 19.32rem;
}
#content .banner3 .content2 .f-right {
  height: 18rem;
}
#content .banner3 .content2 .f-right > div {
  position: absolute;
  right: 0;
}
#content .banner3 .content2 .content2-boxs {
  padding-top: 6.43rem;
  position: relative;
}
#content .banner3 .content2 .content2-boxs .content2-box-bg {
  width: 62.45rem;
  position: absolute;
  top: 10.2rem;
  left: 0;
  z-index: -1;
}
#content .banner3 .content2 .content2-boxs .top-boxs {
  display: flex;
  justify-content: center;
  align-items: center;
}
#content .banner3 .content2 .content2-boxs .top-boxs .m521 {
  margin-left: 5.21rem;
  margin-right: 5.21rem;
}
#content .banner3 .content2 .content2-boxs .bottom-boxs {
  display: flex;
  justify-content: space-between;
}
#content .banner3 .content2 .content2-boxs .mt146 {
  margin-top: 1.46rem;
}
#content .banner3 .content2 .content2-boxs .box-item {
  width: 14.6rem;
  height: 6.25rem;
  padding: 1.41rem 1.15rem;
  box-sizing: border-box;
  background-image: url('images/16.png');
  background-size: 100% 100%;
  margin-bottom: 1.61rem;
}
#content .banner3 .content2 .content2-boxs .box-item .box-title {
  font-size: 1.04rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 1.56rem;
}
#content .banner3 .content2 .content2-boxs .box-item .box-desc {
  opacity: 0.6;
  font-size: 0.83rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  line-height: 1.15rem;
}
#content .banner3 .content3 {
  width: 62.5rem;
  margin: 0 auto;
  position: relative;
  padding-top: 10rem;
  display: flex;
}
#content .banner3 .content3 .content3-right {
  padding-left: 7.71rem;
  padding-top: 5.31rem;
}
#content .banner3 .content3 .content3-right .channel {
  height: 10.83rem;
  background-image: url("images/bnghjdfgjsf.png");
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
}
#content .banner3 .content3 .content3-right .channel .channel-item {
  width: 14.06rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content .banner3 .content3 .content3-right .channel .channel-item > div {
  font-size: 0.83rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  line-height: 1.25rem;
  height: 5.41rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#content .banner3 .content3 .content3-right .content3-right-bottom {
  background-image: url('images/jx@2x(4).png');
  background-size: 100% 100%;
  width: 30.1rem;
  padding: 0.6rem 0;
  line-height: 1.03rem;
  text-align: center;
  margin-top: 1.82rem;
}
#content .banner3 .content4 {
  padding-top: 12.03rem;
  display: flex;
}
#content .banner3 .content4 .tags {
  padding-top: 2.19rem;
  display: flex;
  flex-wrap: wrap;
  width: 24.69rem;
}
#content .banner3 .content4 .tags .tag-item {
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
  background: linear-gradient(270deg, #1085FA 0%, #A5D2FF 100%);
  box-shadow: 0.26rem 0.26rem 0.52rem 0rem rgba(64, 157, 251, 0.22);
  border-radius: 1.02rem;
  backdrop-filter: blur(5px);
  text-align: center;
  box-sizing: border-box;
  padding: 0.63rem 1.2rem;
  font-size: 0.83rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.25rem;
}
#content .banner3 .content6 {
  margin-top: 11.09rem;
  height: 98.96rem;
  width: 100%;
  background-image: url('images/yynl_bg@2x.png');
  background-size: 100% 100%;
}
#content .banner3 .content6 .content6-title {
  font-size: 1.56rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 2.34rem;
  text-align: center;
  padding-top: 56.09rem;
  padding-bottom: 2.92rem;
}
#content .banner3 .content6 .content6-boxs {
  display: flex;
  padding-left: 18.75rem;
}
#content .banner3 .content6 .content6-boxs .box6 {
  width: 30.1rem;
  height: 30.68rem;
  margin-right: 2.29rem;
  background: #FFFFFF;
  box-shadow: 0rem 1.04rem 1.56rem 0rem rgba(128, 149, 177, 0.07);
  border-radius: 1.25rem;
  padding: 1.04rem;
  box-sizing: border-box;
}
#content .banner3 .content6 .content6-boxs .box6 .box6-title {
  font-size: 1.25rem;
  padding-bottom: 0.9rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 1.88rem;
  text-align: center;
  padding-bottom: 1.88rem;
}
#content .banner3 .content6 .content6-boxs .box6 .b_s {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  font-size: 0.83rem;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #283253;
  line-height: 0.94rem;
}
#content .banner3 .content6 .content6-boxs .box6 .b_s .b_1 {
  width: 8.65rem;
  height: 5.52rem;
  background: linear-gradient(180deg, #FAFCFF 0%, #F6F9FF 100%);
  border-radius: 0.42rem;
  margin-bottom: 1.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content .banner3 .content6 .content6-boxs .box6 .b_s .b_2 {
  width: 8.65rem;
  height: 11.46rem;
  background: linear-gradient(180deg, #FAFCFF 0%, #F6F9FF 100%);
  border-radius: 0.42rem;
  margin-bottom: 1.04rem;
  display: flex;
  line-height: 1.67rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#content .banner3 .content6 .content6-boxs .box6 .b_s .b_3 {
  width: 8.65rem;
  height: 7.5rem;
  background: linear-gradient(180deg, #FAFCFF 0%, #F6F9FF 100%);
  border-radius: 0.42rem;
  margin-bottom: 1.04rem;
  line-height: 1.67rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#content .banner3 .content7 .jjfa {
  width: 100%;
}
#content .banner3 .content7 .jjfa-title {
  font-size: 1.56rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 2.34rem;
  text-align: center;
  position: relative;
  top: -2rem;
}
#content .banner3 .content7 .item-boxs {
  padding-top: 0.86rem;
  padding-bottom: 2.4rem;
  padding-left: 18.75rem;
  display: flex;
}
#content .banner3 .content7 .item-boxs .item-box {
  width: 19.27rem;
  height: 8.65rem;
  padding: 2.81rem 1.67rem;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin-right: 2.34rem;
}
#content .banner3 .content7 .item-boxs .item-box1 {
  background-image: url('images/pc_7@2x.png');
}
#content .banner3 .content7 .item-boxs .item-box2 {
  background-image: url('images/pc_8@2x.png');
}
#content .banner3 .content7 .item-boxs .item-box3 {
  background-image: url('images/pc_9@2x.png');
}
#content .banner3 .content7 .jjfa-content-image {
  width: 62.5rem;
  display: block;
  margin: 0 auto;
}
#content .banner3 .content7 .f-box-title {
  font-size: 1.56rem;
  padding-top: 6.98rem;
  padding-bottom: 2.5rem;
  text-align: center;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 2.34rem;
}
#content .banner3 .content7 .f-boxs {
  display: flex;
  padding-left: 18.75rem;
}
#content .banner3 .content7 .f-boxs .f-box {
  width: 13.91rem;
  height: 14.32rem;
  margin-right: 2.29rem;
  position: relative;
  padding-left: 1.25rem;
}
#content .banner3 .content7 .f-boxs .f-box > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#content .banner3 .content7 .f-boxs .f-box .title {
  font-size: 1.25rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.88rem;
  letter-spacing: 2px;
  padding-top: 10.23rem;
}
#content .banner3 .content7 .f-boxs .f-box .desc {
  font-size: 0.73rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.09rem;
  opacity: 0.6;
}
#content .banner3 .app-product {
  width: 62.5rem;
  margin: 0 auto;
  position: relative;
}
#content .banner3 .app-product .app-screenshot-large {
  width: 42rem;
  margin-top: 2rem;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 1rem 3rem rgba(47, 101, 255, 0.16);
  background: #061a73;
}
#content .banner3 .app-product .app-screenshot-large img {
  width: 100%;
  display: block;
}
#content .banner3 .app-product-reverse {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 8rem;
}
#content .banner3 .app-product-reverse .app-screenshot-large {
  width: 34rem;
  margin-right: 4rem;
  margin-top: 0;
}
#content .banner3 .app-product-reverse .f-right {
  width: 24rem;
  height: auto;
}
#content .banner3 .app-product .app-features {
  width: 62.5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2rem;
}
#content .banner3 .app-product .app-feature-item {
  width: 14.6rem;
  min-height: 6.8rem;
  padding: 1.2rem 1.1rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F9FF 100%);
  box-shadow: 0 0.8rem 1.6rem rgba(128, 149, 177, 0.08);
  border-radius: 0.8rem;
}
#content .banner3 .app-product .feature-icon {
  font-size: 1.45rem;
  line-height: 1.8rem;
}
#content .banner3 .app-product .feature-title {
  padding-top: 0.35rem;
  font-size: 1.04rem;
  font-weight: bold;
  color: #283253;
  line-height: 1.56rem;
}
#content .banner3 .app-product .feature-desc {
  padding-top: 0.25rem;
  font-size: 0.73rem;
  color: rgba(40,50,83,0.6);
  line-height: 1.1rem;
}
#content .banner3 .app-product .app-features-three {
  width: 30rem;
  margin-left: 4rem;
  align-content: flex-start;
}
#content .banner3 .app-product .app-features-three .app-feature-item {
  width: 30rem;
  min-height: 5.5rem;
  margin-bottom: 1rem;
}
#content .banner3 .content3.app-product {
  display: grid;
  grid-template-columns: 24.69rem 34rem;
  column-gap: 3.8rem;
  row-gap: 2rem;
  align-items: flex-start;
}
#content .banner3 .content3.app-product .app-screenshot-large {
  width: 34rem;
  margin-left: 0;
  margin-top: 0;
}
#content .banner3 .content3.app-product .app-features-three {
  grid-column: 1 / 3;
  width: 62.5rem;
  margin-left: 0;
  display: flex;
  justify-content: space-between;
}
#content .banner3 .content3.app-product .app-features-three .app-feature-item {
  width: 19.5rem;
  min-height: 5.5rem;
  margin-bottom: 0;
}
#content .banner4 {
  margin-top: 10.36rem;
  background-image: url('images/bg@2x.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
}
#content .banner4 .banner4-desc {
  width: 30.16rem;
  text-align: center;
  padding-top: 10.78rem;
  opacity: 0.6;
  font-size: 0.73rem;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  line-height: 1.46rem;
  margin: 0 auto;
}
#content .banner4 .item-boxs {
  padding-top: 1.2rem;
  padding-bottom: 2.4rem;
  padding-left: 18.75rem;
  display: flex;
}
#content .banner4 .item-boxs .item-box {
  width: 19.27rem;
  height: 8.65rem;
  padding: 2.81rem 1.67rem;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin-right: 2.34rem;
}
#content .banner4 .item-boxs .item-box1 {
  background-image: url('images/edit3@2x.png');
}
#content .banner4 .item-boxs .item-box2 {
  background-image: url('images/pc_12@2x.png');
}
#content .banner4 .item-boxs .item-box3 {
  background-image: url('images/pc_13@2x.png');
}
#content .banner4 .czjl {
  width: 62.71rem;
  display: block;
  margin: auto;
  margin-top: 11.46rem;
  margin-bottom: 9.84rem;
}
#content .banner4 .title {
  font-size: 1.67rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #283253;
  line-height: 2.5rem;
  text-align: center;
}
#content .banner4 .zs {
  width: 58.54rem;
  display: block;
  margin: 0 auto;
  margin-top: 3.49rem;
  margin-bottom: 11.67rem;
}
#content .banner4 .company {
  width: 62.5rem;
  margin: 0 auto;
  display: block;
  margin-bottom: 5.73rem;
  text-align: center;
}
.cy {
  height: 2.5rem;
  background: #F8FAFF;
  text-align: center;
  font-size: 0.73rem;
  font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight: 400;
  color: #283253;
  line-height: 2.5rem;
}
.cy a {
  color: #283253;
  text-decoration: none;
}
.cy a:hover {
  color: #2F65FF;
  text-decoration: underline;
}