/* 首屏核心盒子 */
.coreBgi {
  width: 100%;
  height: 600px;
  background: url(../images/bgi.png) no-repeat top center;
  background-size: auto 100%;
  background-color: #0046b5;
}
.coreBox {
  display: flex;
  align-items: center;
  height: 600px;
  /* background-color: skyblue; */
}
.coreBox .mainImg {
  width: 732px;
  /* height: 433px; */
}
.coreBox .mainText {
  height: 600px;
  padding-left: 88px;
  /* background-color: pink; */
  color: white;
}
.coreBox .mainText h2 {
  position: relative;
  margin-top: 60px;
  margin-bottom: 25px;
  font-size: 40px;
}
.coreBox .mainText h2 i {
  position: absolute;
  display: block;
  width: 63px;
  height: 25px;
  background: url(../images/icon-jq.png) no-repeat;
  top: 0px;
  left: 255px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
}
.coreBox .mainText ul li {
  font-size: 18px;
  line-height: 2.3;
  display: flex;
}
.coreBox .mainText ul li .gang {
  margin-right: 10px;
}
.coreBox .mainText .btn {
  display: block;
  position: relative;
  margin-top: 36px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-left: 30px;
  width: 195px;
  height: 64px;
  border-radius: 5px;
  border: 0;
  background: linear-gradient(94deg, #3c78fa, #640ac8);
  color: white;
  font-size: 22px;
  overflow: hidden;
  cursor: pointer;
}
.coreBox .mainText .btn .down {
  margin-top: -2px;
  margin-right: 2px;
}
.coreBox .mainText .btn .spread-i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 280px;
  height: 280px;
  margin-left: -140px;
  margin-top: -140px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  animation: pulse 1.5s infinite both;
}
.coreBox .mainText p {
  font-size: 14px;
  color: #CDE0FF;
  line-height: 1.8;
}
/* 下载按钮的动画 */
@keyframes pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
/* 功能的icon列表 */
.funcList {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.funcList a {
  width: 170px;
  height: 116px;
  padding-top: 20px;
}
.funcList a .funcIcon {
  width: 168px;
  height: 84px;
  text-align: center;
  padding-top: 60px;
}
.funcList a:hover p {
  color: #0E62E8;
}
.funcList a:nth-child(1) .funcIcon {
  background: url(../images/iconlist01.png) no-repeat top center;
}
.funcList a:nth-child(2) .funcIcon {
  background: url(../images/iconlist02.png) no-repeat top center;
}
.funcList a:nth-child(3) .funcIcon {
  background: url(../images/iconlist03.png) no-repeat top center;
}
.funcList a:nth-child(4) .funcIcon {
  background: url(../images/iconlist04.png) no-repeat top center;
}
.funcList a:nth-child(5) .funcIcon {
  background: url(../images/iconlist05.png) no-repeat top center;
}
.funcList a:nth-child(6) .funcIcon {
  background: url(../images/iconlist06.png) no-repeat top center;
}
.funcList a:nth-child(7) .funcIcon {
  background: url(../images/iconlist07.png) no-repeat top center;
}
/* Banner */
.banner {
  display: flex;
  align-items: center;
  height: 128px;
  border-radius: 2px;
  background-color: #F8F8F8;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  margin-top: 20px;
}
.banner p {
  width: 64%;
  margin-left: 30px;
  margin-right: 20px;
  font-size: 16px;
  line-height: 1.8;
  color: #666666;
}
/* 图文介绍列表 */
.imgDesList {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  margin-bottom: 80px;
}
.imgDesList .imgDes {
  width: 666px;
  border: 3px solid #EDEDED;
}
.imgDesList .textDes {
  width: 456px;
  margin-left: 76px;
  padding-top: 56px;
}
.imgDesList .textDes h3 {
  font-size: 36px;
  line-height: 1.5;
  font-weight: 700;
  color: #0E62E8;
}
.imgDesList .textDes h4 {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 30px;
}
.imgDesList .textDes p {
  font-size: 14px;
  color: #666666;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 35px;
}
.imgDesList .textDes a {
  display: block;
  width: 220px;
  height: 56px;
  border-radius: 5px;
  background-color: #0E62E8;
  padding-top: 13px;
  text-align: center;
  color: white;
  font-size: 20px;
}
.imgDesList .textDes a img {
  margin-top: -3px;
  margin-right: 3px;
}
/* 用户好评 */
.user {
  width: 1180px;
  margin-top: 50px;
  margin-bottom: 60px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.user h3 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 38px;
}
.user .useritems {
  display: flex;
  justify-content: space-between;
}
.user .useritems .item {
  width: 280px;
  padding: 20px;
  border-radius: 2px;
  background-color: #F8F8F8;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  color: #666666;
}
.user .useritems .item .userdetails {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.user .useritems .item .userdetails .imageAva {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.user .useritems .item .userdetails .name {
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 600;
  font-size: 16px;
}
/* footer */
.footer {
  margin-top: 10px;
  height: 29px;
  padding-top: 8px;
  background-color: #333;
  color: #BDBDBD;
  font-size: 11px;
  display: flex;
  justify-content: center;
}
.footer .footerBox {
  color: #9c9c9c;
}
.footer .footerBox a {
  text-align: center;
  margin-right: 20px;
  font-size: 11px;
  color: #9c9c9c;
}
.footer .footerBox .gonganbeian img {
  width: 11px;
  margin-top: -2px;
}