/* 标题 */

.title1 {
  font-size: 1.563vw;
	font-weight: bold;
  color: #1b1b1b;
}

.title2 {
  font-size: 0.938vw;
  font-weight: bold;
  color: #333333;
}

.firstPage {
  width: 100%;
  height: 35vw;
  box-sizing: border-box;
  padding-top: 3.98vw;
  background: url("../images/back3.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
}

.firstPage p:nth-child(1) {
  font-size: 2.5vw;
  margin-top: 10vw;
}

.firstPage p:nth-child(2) {
  width: 35.052vw;
  font-size: 0.938vw;
  line-height: 2vw;
  margin: 2.396vw auto 0;
}

.func {
  margin-top: 8.229vw;
  text-align: center;
  padding: 0 17.135vw;
}

.func ul {
  display: flex;
  justify-content: space-between;
  margin: 7.24vw 0 10.26vw;
}

.func li div {
  width: 3.854vw;
  height: 3.333vw;
  margin: 0 auto;
}

.func li div img {
  width: 100%;
  height: 100%;
}

.func li p:nth-child(2) {
  margin: 2.292vw 0 0.885vw;
}

.func li p:nth-child(3) {
  width: 12.083vw;
}

.intro {
  height: 31.25vw;
  background: url("../images/back1.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 6.615vw 0 10.99vw 0;
  box-sizing: border-box;
  color: #fff;
}

.intro p:nth-child(3) {
  width: 49.115vw;
  margin: 5.781vw auto 0;
}

.advantage {
  text-align: center;
  margin-top: 6.354vw;
}

.advantage ul {
  margin-top: 10.729vw;
}

.advantage li {
  display: inline-block;
  text-align: left;
  margin-bottom: 3.854vw;
}

.advantage li:nth-child(2), .advantage li:nth-child(5) {
  margin-left: 6vw;
  margin-right: 6vw;
}

.advantage li div:nth-child(1) {
  float: left;
  width: 2.5vw;
  height: 2.5vw;
  margin: 2vw 2.552vw 0 0;
}

.advantage li div:nth-child(1) img {
  width: 100%;
  height: 100%;
}

.advantage li div:nth-child(2) {
  float: right;
}

.advantage li div:nth-child(2) p:nth-child(1) {
  font-size: 0.938vw;
  font-weight: bold;
  line-height: 2.188vw;
  color: #1b1b1b;
}

.advantage li div:nth-child(2) p:nth-child(2) {
  width: 12.083vw;
  color: #333333;
}

.step {
  width: 100%;
  height: 41.667vw;
  margin-top: 10vw;
  background: url("../images/back2.png") no-repeat;
  background-size: 100% 100%;
}

.step .left {
  width: 66.771vw;
  height: 100%;
  background-color: rgba(27, 95, 241, 0.8);
  padding: 4.479vw 5.104vw 0 15.885vw;
}

.step .left div ul:nth-child(1) {
  margin-top: 4.732vw;
  float: left;
}

.step .left div ul:nth-child(1) li {
  width: 9.375vw;
  height: 4.167vw;
  line-height: 4.167vw;
  color: #fff;
  border-right: 0.313vw solid rgba(255,255,255,0.6);
  cursor: pointer;
  text-align: center;
  /* transition: all 0.4s ease-in-out; */
}

.step .left div ul:nth-child(1) li:hover {
  border-right: 0.313vw solid rgba(255,255,255,1);
  background-image: linear-gradient(90deg, #1b1b1b 5%, #0f43b3 100%);
}

.step .left div ul:nth-child(2) {
  margin-top: 4.732vw;
  float: right;
}

.step .left div ul:nth-child(2) li {
  width: 32.344vw;
  color: #fff;
  display: none;
}

.step .left div ul:nth-child(2) li p:nth-child(1) {
  font-size: 1.25vw;
  line-height: 2.188vw;
  margin-bottom: 2.292vw;
}

.step .left div ul:nth-child(2) li p:nth-child(2) {
  font-size: 0.729vw;
  line-height: 1.25vw;
}

.activeStepLeft {
  border-right: 0.313vw solid rgba(255,255,255,1);
  background-image: linear-gradient(90deg, #1b1b1b 5%, #0f43b3 100%);
}

.activeStepRight {
  display: block !important;
}