#top {
  width: 0.7rem;
  position: fixed;
  right: 30px;
  bottom: 10%;
  font-size: 0;
  z-index: 10;
}
#top a {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
#top a img {
  display: block;
  width: 100%;
}

#subsequent {
  width: 100%;
  background: white;
  padding: 50px 0;
}
#subsequent .content {
  width: 1200px;
  height: 480px;
  margin: auto;
  position: relative;
  margin-top: 30px;
}

canvas {
  position: absolute;
}

#can1 {
  z-index: 1;
}

#can2 {
  top: 0;
  left: 305px;
  z-index: 2;
}

#can3 {
  top: 0;
  left: 765px;
  z-index: 1;
}

#can4 {
  top: 240px;
  left: 0;
  z-index: 4;
}

#can5 {
  top: 240px;
  left: 500px;
  z-index: 3;
}

.page {
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}
.page li {
  height: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.2rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: 1px solid #b4b4b4;
  background: white;
  color: black;
  margin: 0 2.5px;
  float: left;
}

.thisclass {
  background: #1d65d4 !important;
  color: white !important;
}

#content {
  width: 100%;
  background: #fff;
  padding: 50px 0;
}
#content .content-body {
  width: 85%;
  min-width: 1200px;
  margin: auto;
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#content .content-body-left {
  width: calc(100% - 50px - 5rem);
  margin-right: 50px;
}
#content .content-body-right {
  width: 5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}
#content .content-body-right > h3 {
  width: 100%;
  padding-left: 8px;
  font-size: 19px;
  border-left: 3px solid;
  margin-bottom: 10px;
  color: #394556;
}
#content .content-body-right > p {
  width: 100%;
  padding: 2px 0;
  font-size: 15px;
  margin-bottom: 3px;
  color: #949494;
  border-bottom: 1px solid #b4b4b4;
}
#content .content-body-right-other {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#content .content-body-right-other-one {
  width: 48%;
  height: 1.5rem;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}
#content .content-body-right-other-one img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
#content .content-body-right-other-one > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  font-size: 0;
}
#content .content-body-right-other-one > div > i {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  overflow: hidden;
  margin-right: 2px;
  background: white;
  background: transparent;
}
#content .content-body-right-other-one > div > i > i {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../img/icon51.png") no-repeat center;
  background-size: 100%;
  border-right: 0.6rem solid transparent;
  -webkit-filter: drop-shadow(0.6rem 0 white);
          filter: drop-shadow(0.6rem 0 white);
  position: relative;
  left: -0.6rem;
}
#content .content-body-right-other-one > div div {
  width: 100%;
  margin: 5px 0;
}
#content .content-body-right-other-one > div h3 {
  text-align: center;
  font-size: 0.25rem;
  color: white;
}
#content .content-body-right-other-one:hover > img {
  width: 105%;
  height: 105%;
}
#content .content-body-right-other-one:hover > div {
  background: rgba(29, 101, 212, 0.7);
}
#content .content-body-right-other > a:nth-child(2) > div > i > i {
  background-image: url(../img/icon52.png);
}
#content .content-body-right-other > a:nth-child(3) > div > i > i {
  background-image: url(../img/icon57.png);
}
#content .content-body-right-other > a:nth-child(4) > div > i > i {
  background-image: url(../img/icon53.png);
}
#content .content-body-right-other > a:nth-child(5) > div > i > i {
  background-image: url(../img/icon58.png);
}
#content .content-body-right-other > a:nth-child(6) > div > i > i {
  background-image: url(../img/icon60.png);
}
#content .content-body-right > a {
  display: inline-block;
  width: 100%;
  height: 3.2rem;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
#content .content-body-right > a img {
  display: block;
  width: 100%;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
#content .content-body-right > a > div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  color: white;
}
#content .content-body-right > a:hover > img {
  width: 105%;
}
#content .content-body-right > a:hover > div {
  color: #1d65d4;
}

.title {
  width: 95%;
  margin: auto;
  height: 0;
  border-bottom: 2px solid #1d65d4;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.title-content {
  height: 0.45rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
  top: -0.225rem;
  background: white;
}
.title-content-text {
  display: inline-block;
  height: 0.45rem;
  line-height: 0.4rem;
  font-size: 0.3rem;
  color: white;
  background: #1d65d4;
  margin: 0 0.5rem;
  position: relative;
  padding: 0 10px;
}
.title-content-text-left {
  border: 0.225rem solid transparent;
  border-right: 0.225rem solid #1d65d4;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: -0.45rem;
}
.title-content-text-right {
  border: 0.225rem solid transparent;
  border-left: 0.225rem solid #1d65d4;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -0.45rem;
}
.title-content-left {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  display: inline-block;
  border: 0.18rem solid transparent;
  border-left: 0.1rem solid #1d65d4;
  border-top: 0.1rem solid #1d65d4;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  left: 0.15rem;
  top: -0.08rem;
}
.title-content-right {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  display: inline-block;
  border: 0.18rem solid transparent;
  border-left: 0.1rem solid #1d65d4;
  border-top: 0.1rem solid #1d65d4;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  right: 0.15rem;
  top: -0.08rem;
}

#question {
  width: 100%;
  background: #fff;
  padding: 50px 0;
  -webkit-box-shadow: 3px 4px 20px #cccccc;
          box-shadow: 3px 4px 20px #cccccc;
  margin-top: 30px;
}
#question .question-content {
  width: 90%;
  margin: 30px auto;
}
#question .question-content-one {
  width: 100%;
  margin-bottom: 20px;
}
#question .question-content-one-que, #question .question-content-one-ans {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
#question .question-content-one-que > div, #question .question-content-one-ans > div {
  width: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1d65d4;
}
#question .question-content-one-que > div span, #question .question-content-one-ans > div span {
  width: 0.25rem;
  height: 0.25rem;
  text-align: center;
  font-size: 0.18rem;
  font-weight: bold;
  color: white;
}
#question .question-content-one-que > a, #question .question-content-one-ans > a {
  font-size: 0.18rem;
  width: calc(100% - 0.25rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  background: #eaeaea;
  color: #1d65d4;
}
#question .question-content-one-ans > div {
  background: #ffa200;
}
#question .question-content-one-ans > a {
  background: transparent;
  color: #181818;
  line-height: 1.7;
}
#question .question-content-one-ans > a span {
  color: #ff0000;
}

#otherService {
  width: 100%;
  background: #fff;
  padding: 50px 0;
  -webkit-box-shadow: 3px 4px 20px #cccccc;
          box-shadow: 3px 4px 20px #cccccc;
  margin-top: 30px;
  background: url(../img/banner42.jpg) no-repeat;
  background-size: 100%;
  padding-bottom: 0;
}
#otherService .otherService-content {
  width: 90%;
  margin: 50px auto 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#otherService .otherService-content-one {
  width: 48%;
  height: 2.1rem;
  -webkit-box-shadow: 3px 4px 20px #cccccc;
          box-shadow: 3px 4px 20px #cccccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 10px;
  position: relative;
  background: white;
  margin-bottom: 20px;
}
#otherService .otherService-content-one h1 {
  width: 100%;
  font-size: 0.23rem;
  color: #181818;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}
#otherService .otherService-content-one p {
  font-size: 0.18rem;
  color: #181818;
  line-height: 1.7;
  margin-top: 5px;
  position: relative;
  z-index: 10;
}
#otherService .otherService-content-one img {
  width: 3.2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}
#otherService .otherService-content-one:hover h1 {
  color: #1d65d4;
}
#otherService .otherService-content-one:hover img {
  width: 3.3rem;
}

.process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.25rem;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}
.process > div {
  width: 22%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.process > div > div:nth-child(1) {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 2px solid #1d65d4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  z-index: 1;
  position: relative;
}
.process > div > div:nth-child(1) > i:nth-child(1) {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  overflow: hidden;
  margin-right: 2px;
  background: white;
}
.process > div > div:nth-child(1) > i:nth-child(1) > i {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: url("../img/icon36.png") no-repeat center;
  background-size: 100%;
  border-right: 0.4rem solid transparent;
  -webkit-filter: drop-shadow(0.4rem 0 #1d65d4);
          filter: drop-shadow(0.4rem 0 #1d65d4);
  position: relative;
  left: -0.4rem;
}
.process > div > div:nth-child(1) > div {
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  top: calc(50% - 0.13rem);
  right: -1rem;
  text-align: center;
  background: white;
}
.process > div > div:nth-child(1) > div > i:nth-child(1) {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  overflow: hidden;
  margin-right: 2px;
  background: white;
}
.process > div > div:nth-child(1) > div > i:nth-child(1) > i {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background: url("../img/icon110.png") no-repeat center;
  background-size: 100%;
  border-right: 0.25rem solid transparent;
  -webkit-filter: drop-shadow(0.25rem 0 #1d65d4);
          filter: drop-shadow(0.25rem 0 #1d65d4);
  position: relative;
  left: -0.25rem;
}
.process > div > p {
  width: 100%;
  text-align: center;
  font-size: 0.19rem;
  border: none;
  color: #333333;
  margin-top: 0.2rem;
}
.process > div > p span {
  font-size: 0.15rem;
  color: #6e6e6e;
  text-align: center;
}
.process > div:nth-child(1) > div:nth-child(1) > i {
  height: 0.5rem;
}
.process > div:nth-child(1) > div:nth-child(1) > i > i {
  height: 0.5rem;
}
.process > div:nth-child(2) > div:nth-child(1) > i > i {
  background-image: url("../img/icon49.png");
}
.process > div:nth-child(3) > div:nth-child(1) > i {
  height: 0.5rem;
}
.process > div:nth-child(3) > div:nth-child(1) > i > i {
  background-image: url("../img/icon94.png");
  height: 0.5rem;
}
.process > div:nth-child(4) > div:nth-child(1) > i > i {
  background-image: url("../img/icon37.png");
}
.process > div:last-child {
  width: 80%;
  position: absolute;
  top: 30%;
  left: 10%;
  height: 0;
  border-bottom: 2px solid #1d65d4;
}

.process-title {
  text-align: center;
  color: #1d65d4;
  font-size: 0.25rem;
  margin-top: 30px;
}