.inner-banner .info {
  top: 188px;
}
.inner-banner .info .banner-container h6 {
  font-size: 18px;
  line-height: 25px;
}
.what-djba {
  background-color: #F5F5F5;
}
.what-djba .content {
  position: relative;
}
.what-djba .content .left-info {
  width: 650px;
  position: absolute;
  top: 154px;
  left: 0;
}
.what-djba .content .left-info .title {
  margin-bottom: 26px;
  text-align: left;
}
.what-djba .content .left-info .info p {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  margin-bottom: 30px;
}
.what-djba .content .left-info .info p:last-child {
  margin-bottom: 0;
}
.what-djba .content .left-info .warm-info {
  width: 560px;
  padding: 15px 0;
  text-align: center;
  background-color: #fff;
  border-radius: 23px;
  position: relative;
  margin-top: 46px;
}
.what-djba .content .left-info .warm-info img.icon1 {
  width: 38px;
  height: 38px;
  position: absolute;
  top: -15px;
  left: 9px;
}
.what-djba .content .left-info .warm-info h6 {
  font-size: 12px;
  line-height: 16px;
  color: #FC5252;
}
.what-djba .content .right-img {
  width: 498px;
  margin-left: auto;
}
.what-djba .content .right-img img {
  width: 100%;
  display: block;
}
.why-handle {
  padding-bottom: 71px;
}
.why-handle .title {
  margin-bottom: 70px;
}
.why-handle .handle-container {
  width: 1150px;
  margin: 0 auto;
}
.why-handle .handle-container .items {
  position: relative;
  margin-bottom: 30px;
}
.why-handle .handle-container .items:last-child {
  margin-bottom: 0;
}
.why-handle .handle-container .items .left-title {
  width: 197px;
  padding: 15px;
  text-align: center;
  background-color: #0070FF;
  border-radius: 6px;
}
.why-handle .handle-container .items .left-title h5 {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}
.why-handle .handle-container .items .right-info {
  width: 987px;
  padding: 8px 8px 8px 79px;
  background: linear-gradient(277deg, rgba(245, 245, 245, 0) 0%, #F5F5F5 100%);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.why-handle .handle-container .items .right-info::before {
  display: block;
  content: '';
  width: 25px;
  height: 54px;
  background: #0070FF;
  box-shadow: 5px 0px 6px 1px rgba(0, 35, 80, 0.28);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.why-handle .handle-container .items .right-info p {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.which {
  padding-top: 84px;
  padding-bottom: 52px;
  background-image: url(../images/bg1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.which .title {
  margin-bottom: 65px;
}
.which .title h3 {
  color: #fff;
}
.which ul.content li {
  flex: 1;
}
.which ul.content li img.icon {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
}
.which ul.content li h6 {
  font-family: 'PINGFANG-BOLD';
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}
.difference {
  background-color: #F5F5F5;
}
.difference ul.diff-content li {
  margin-bottom: 40px;
}
.difference ul.diff-content li:last-child {
  margin-bottom: 0;
}
.difference ul.diff-content li .items {
  display: flex;
}
.difference ul.diff-content li .items .df-1,
.difference ul.diff-content li .items .df-2 {
  width: 420px;
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
}
.difference ul.diff-content li .items .df-1 p,
.difference ul.diff-content li .items .df-2 p {
  font-size: 16px;
  line-height: 26px;
  color: #5F5F5F;
  text-align: center;
  transition: all 0.3s;
}
.difference ul.diff-content li .items .df-title {
  width: 197px;
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}
.difference ul.diff-content li .items .df-title h5 {
  font-size: 18px;
  color: #333;
  text-align: center;
  transition: all 0.3s;
}
.difference ul.diff-content li .items .df-title::before,
.difference ul.diff-content li .items .df-title::after {
  display: block;
  content: '';
  width: 71px;
  height: 108px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
}
.difference ul.diff-content li .items .df-title::before {
  background-image: url(../images/left-arrow.png);
  left: -71px;
}
.difference ul.diff-content li .items .df-title::after {
  background-image: url(../images/right-arrow.png);
  right: -71px;
}
.difference ul.diff-content li.active .items .df-1,
.difference ul.diff-content li.active .items .df-2 {
  background-color: #0070FF;
}
.difference ul.diff-content li.active .items .df-1 p,
.difference ul.diff-content li.active .items .df-2 p {
  color: #fff;
}
.difference ul.diff-content li.active .items .df-title {
  background-color: #0070FF;
}
.difference ul.diff-content li.active .items .df-title h5 {
  color: #fff;
}
.difference ul.diff-content li.active .items .df-title::before,
.difference ul.diff-content li.active .items .df-title::after {
  opacity: 1;
}
.require .title {
  margin-bottom: 65px;
}
.require .title h6 {
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}
.require ul.content li {
  flex: 1;
  text-align: center;
}
.require ul.content li img.icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.require ul.content li h6 {
  font-family: 'PINGFANG-BOLD';
  font-size: 20px;
  line-height: 28px;
  color: #333;
  margin-top: 16px;
}
.require ul.content li p {
  font-size: 14px;
  line-height: 22px;
  color: #5F5F5F;
  margin-top: 12px;
}
.report .report-content {
  display: flex;
  padding: 60px;
  background: #F5F5F5;
  border-radius: 8px 8px 8px 8px;
}
.report .report-content .left-title {
  margin-top: 110px;
}
.report .report-content .left-title h3 {
  font-family: 'PINGFANG-BOLD';
  font-size: 32px;
  line-height: 45px;
  color: #333;
}
.report .report-content .left-title h6 {
  font-size: 14px;
  line-height: 20px;
  color: #3F86FF;
  margin-top: 20px;
}
.report .report-content .right-report {
  width: 550px;
  margin-left: auto;
}
.report .report-content .right-report ul.content {
  flex-wrap: wrap;
}
.report .report-content .right-report ul.content li {
  width: 33.33%;
  text-align: center;
}
.report .report-content .right-report ul.content li:nth-child(n + 4) {
  margin-top: 45px;
}
.report .report-content .right-report ul.content li img.img {
  width: 89px;
  height: 110px;
  display: block;
  margin: 0 auto;
}
.report .report-content .right-report ul.content li h5 {
  font-family: 'PINGFANG-BOLD';
  font-size: 18px;
  line-height: 25px;
  color: #333;
  margin-top: 20px;
}
.report .report-content .right-report ul.content li p {
  font-size: 12px;
  line-height: 17px;
  color: #5F5F5F;
}
.service {
  background-image: url(../images/bg2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.service .title {
  margin-bottom: 60px;
}
.service .service-content {
  display: flex;
  align-items: center;
}
.service .service-content .left-service {
  width: 550px;
}
.service .service-content .left-service .items {
  display: flex;
  align-items: center;
  padding: 26px 47px;
  margin-bottom: 20px;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.service .service-content .left-service .items:last-child {
  margin-bottom: 0;
}
.service .service-content .left-service .items .icon {
  width: 54px;
  height: 54px;
  margin-right: 38px;
}
.service .service-content .left-service .items .icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.service .service-content .left-service .items .info h5 {
  font-family: 'PINGFANG-BOLD';
  font-size: 20px;
  line-height: 28px;
}
.service .service-content .left-service .items .info p {
  font-size: 14px;
  line-height: 20px;
  color: #5F5F5F;
  margin-top: 10px;
}
.service .service-content .right-info {
  width: 650px;
  padding: 69px 74px 107px 33px;
  background-color: #fff;
  border-radius: 8px;
}
.service .service-content .right-info h3 {
  display: flex;
  align-items: center;
  margin-bottom: 42px;
}
.service .service-content .right-info h3 img {
  width: 32px;
  height: 30px;
  margin-right: 4px;
}
.service .service-content .right-info h3 span {
  font-family: 'PINGFANG-BOLD';
  font-size: 20px;
  line-height: 28px;
  color: #333;
}
.service .service-content .right-info ul li {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin-bottom: 14px;
  padding-left: 35px;
}
.service .service-content .right-info ul li:last-child {
  margin-bottom: 0;
}
.service .service-content .right-info ul li span {
  width: 24px;
  font-size: 16px;
  line-height: 40px;
}
.service .service-content .right-info ul li p {
  width: calc(100% - 24px);
  font-size: 16px;
  line-height: 40px;
}
.inner-process ul.content {
  margin-top: 70px;
}
.inner-process a {
  margin-top: 79px;
}