.box {
  width: 100%;
}

.box .header {
  height: 4rem;
}

.box .header .header-wrap .header .header-right li:nth-child(3) a {
  color: #fff;
}

.box .cont {
  width: 100%;
  min-width: 80rem;
}
/* 右边回顶部 */
.fixed-wrap {
  width: 5rem;
  height: 12rem;
  position: fixed;
  z-index: 99;
  top: 50%;
  transform: translateY(90%);
  right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.fixed-wrap .fixed-item {
  width: 5rem;
  height: 6rem;
  cursor: pointer;
  background-color: #ffffff;
  padding: 17px 0;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.fixed-wrap .fixed-item .img {
  width: 2rem;
  height: 2rem;
}

.fixed-wrap .fixed-item .img img {
  width: 100%;
  height: 100%;
}

.fixed-wrap .fixed-item .proce {
  font-family: Source Han Sans SC;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1rem;
  letter-spacing: 0rem;
  color: #94a1b5;
}

.fixed-wrap .itm-top .img {
  background: url("../images/kefu23495.png") no-repeat center center;
}

.fixed-wrap .itm-top:hover .img {
  background: url("../images/activekefu23498.png") no-repeat center center;
}

.fixed-wrap .itm-top:hover .proce {
  color: #2c68ff;
}

.fixed-wrap .itm-bottom .img {
  background: url("../images/xiangshang23497_original.png") no-repeat center center;
}

.fixed-wrap .itm-bottom:hover .img {
  background: url("../images/activexiangshnag23499.png") no-repeat center
    center;
}

.fixed-wrap .itm-bottom:hover .proce {
  color: #2c68ff;
}

.box .cont .banner-wrap {
  width: 100%;
  height: 45rem;
  min-width: 80rem;
  background: url("../images/solutionbanner.png") no-repeat center center;
  background-size: cover;
}

.box .cont .centent-wrap {
  width: 80rem;
  margin: 0 auto;
  overflow: hidden;
}

.box .cont .centent-wrap .user-wrap {
  width: 100%;
  margin-top: 3rem;
}

.box .cont .centent-wrap .user-wrap .user-title {
  width: 100%;
  height: 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box .cont .centent-wrap .user-wrap .user-title .user-title-c {
  font-family: SourceHanSansCN-Bold;
  font-size: 2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 3rem;
  letter-spacing: 0rem;
  color: #333333;
}

.box .cont .centent-wrap .user-wrap .user-title .line {
  width: 80px;
  height: 2px;
  background-color: #347dfe;
  margin-top: 24px;
}

.box .cont .centent-wrap .user-wrap .user {
  margin-top: 8rem;
  width: 100%;
  height: 16rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box .cont .centent-wrap .user-wrap .user .items {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.box .cont .centent-wrap .user-wrap .user .items img {
  width: 6rem;
  height: 6rem;
}

.box .cont .centent-wrap .user-wrap .user .items h4 {
  font-family: SourceHanSansCN-Bold;
  font-size: 2rem;
  font-stretch: normal;
  line-height: 3rem;
  letter-spacing: 0rem;
  color: #333333;
}

.box .cont .centent-wrap .user-wrap .user .items p {
  height: 5rem;
  font-family: SourceHanSansCN-Regular;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  text-align: center;
  color: #666666;
}

.box .cont .centent-wrap .serve-wrap {
  width: 100%;
}

.box .cont .centent-wrap .serve-wrap .serve-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box .cont .centent-wrap .serve-wrap .serve-title .serve-title-top {
  font-family: Source Han Sans CN;
  font-size: 2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 4rem;
  letter-spacing: 0rem;
  color: #222;
}

.box .cont .centent-wrap .serve-wrap .serve-title .serve-title-top span {
  color: #207de2;
}

.box .cont .centent-wrap .serve-wrap .serve-title .line {
  width: 80px;
  height: 2px;
  background-color: #347dfe;
  margin-top: 24px;
}

.box .cont .centent-wrap .serve-wrap .serve {
  width: 100%;
  margin-top: 3rem;
  display: flex;
  padding: 0 1rem;
  justify-content: space-between;
  align-items: center;
}

.box .cont .centent-wrap .serve-wrap .serve .items {
  width: 36rem;
  height: 30rem;
  background-color: #ffffff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.box .cont .centent-wrap .serve-wrap .serve .items .img {
  width: 34rem;
  height: 14rem;
}

.box .cont .centent-wrap .serve-wrap .serve .items h4 {
  font-family: SourceHanSansCN-Bold;
  font-size: 2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 3rem;
  letter-spacing: 0rem;
  color: #333333;
}

.box .cont .centent-wrap .serve-wrap .serve .items .proce {
  font-family: SourceHanSansCN-Regular;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  color: #666666;
  text-align: center;
}

.box .cont .centent-wrap .serve-wrap .serve .items .btn {
  width: 18rem;
  height: 4rem;
  background-color: #ffffff;
  border-radius: 5px;
  text-align: center;
  line-height: 4rem;
  color: #207de2;
  font-size: 1rem;
  border: solid 1px #207de2;
}

.box .cont .centent-wrap .serve-wrap .serve .items .btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #207de2;
}

.box .cont .centent-wrap .serve-wrap .serve .items:hover {
  box-shadow: 1px 3px 15px 1px rgba(56, 76, 120, 0.2);
}

.box .cont .centent-wrap .serve-wrap .serve .items:hover h4 {
  color: #1a73d3;
}

.box .cont .centent-wrap .serve-wrap .serve .items:hover .btn {
  background-color: #207de2;
}

.box .cont .centent-wrap .serve-wrap .serve .items:hover .btn a {
  color: #ffffff;
}

.box .cont .centent-wrap .apply-wrap {
  width: 100%;
  overflow: hidden;
}

.box .cont .centent-wrap .apply-wrap .apply-title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 6rem;
}

.box .cont .centent-wrap .apply-wrap .apply-title h4 {
  height: 3rem;
  font-family: Source Han Sans CN;
  font-size: 2rem;
  font-stretch: normal;
  line-height: 3rem;
  letter-spacing: 0rem;
  color: #333333;
}

.box .cont .centent-wrap .apply-wrap .apply-title .line {
  width: 80px;
  height: 2px;
  background-color: #347dfe;
  margin-top: 24px;
}

.box .cont .centent-wrap .apply-wrap .apply {
  margin-top: 4rem;
  width: 100%;
  height: 34rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  flex-shrink: 0;
}

.box .cont .centent-wrap .apply-wrap .apply > div {
  width: 39rem;
  height: 16rem;
}

.box .cont .centent-wrap .apply-wrap .apply .item-j {
  width: 39rem;
  height: 16rem;
  padding: 3rem 2rem 3rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box .cont .centent-wrap .apply-wrap .apply .item-j .item-j-l .title {
  padding-left: 8px;
  height: 1rem;
  border-left: 3px  solid  #4c80e7;
  font-family: SourceHanSansCN-Regular;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1rem;
  letter-spacing: 0rem;
  color: #333333;
}

.box .cont .centent-wrap .apply-wrap .apply .item-j .item-j-l .proce {
  margin-top: 1rem;
  width: 23rem;
  height: 7rem;
  margin-left: 8px;
  font-family: SourceHanSansCN-Regular;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  color: #999999;
}

.box .cont .centent-wrap .apply-wrap .apply .items {
  width: 39rem;
  height: 16rem;
  position: relative;
  overflow: hidden;
}

.box .cont .centent-wrap .apply-wrap .apply .items img {
  transition: all .2s ease;
}

.box .cont .centent-wrap .apply-wrap .apply .items:hover .intro {
  height: 16rem;
}

.box .cont .centent-wrap .apply-wrap .apply .items:hover img {
  transform: scale(1.02);
}

.box .cont .centent-wrap .apply-wrap .apply .items .intro {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all .2s ease;
  background: rgba(0, 0, 0, 0.5);
}

.box .cont .centent-wrap .apply-wrap .apply .items .intro .title {
  font-family: SourceHanSansCN-Regular;
  font-size: 2rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2rem;
  letter-spacing: 0rem;
  color: #ffffff;
  margin-top: 4rem;
}

.box .cont .centent-wrap .apply-wrap .apply .items .intro .proce {
  font-family: SourceHanSansCN-Regular;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  color: #ffffff;
  text-align: center;
  margin-top: 1rem;
}

.box .cont .centent-wrap .advantage-wrap {
  width: 100%;
  overflow: hidden;
}

.box .cont .centent-wrap .advantage-wrap .advantage-title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8rem;
}

.box .cont .centent-wrap .advantage-wrap .advantage-title h4 {
  height: 3rem;
  font-family: Source Han Sans CN;
  font-size: 2rem;
  font-stretch: normal;
  line-height: 3rem;
  letter-spacing: 0rem;
  color: #333333;
}

.box .cont .centent-wrap .advantage-wrap .advantage-title .line {
  width: 80px;
  height: 2px;
  background-color: #347dfe;
  margin-top: 24px;
}

.box .cont .centent-wrap .advantage-wrap .advantage {
  width: 100%;
  height: 23rem;
  margin-top: 5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  flex-shrink: 0;
}

.box .footer-top {
  width: 100%;
  min-width: 80rem;
  background: url("../images/solutionbottonbgtu.png") no-repeat center center;
  background-size: cover;
  height: 30rem;
  margin-top: 6rem;
}

.box .footer-top .centents {
  width: 80rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box .footer-top .centents .title {
  margin-top: 5rem;
  font-family: Source Han Sans CN;
  font-size: 4rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 7rem;
  letter-spacing: 0rem;
  color: #222222;
}

.box .footer-top .centents .proce {
  font-family: Source Han Sans CN;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 3rem;
  text-align: center;
  letter-spacing: 0rem;
  color: #222222;
  margin-top: 2rem;
}

.box .footer-top .centents .zhongxin {
  width: 18rem;
  height: 4rem;
  border-radius: 30px;
  margin-top: 2rem;
  background-color: #207de2;
}

.box .footer-top .centents .zhongxin a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 4rem;
  color: #ffffff;
}

.box .footer {
  width: 100%;
  min-width: 80rem;
  text-align: center;
  line-height: 4rem;
  height: 4rem;
  background-color: #222222;
  font-family: MicrosoftYaHei;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #ffffff;
}