.center-box .cont-nav::after,
.center-box .cont-nav::before {
  width: 31%;
}

.center-box .cont-tit {
  background: url(../img/ys/tit1-bg.png) center no-repeat;
  background-size: 11.55rem;
  height: 1.43rem;
  margin: .5rem auto;
}

.ys1-top {
  margin-bottom: .45rem;
  text-align: center;
  font-size: .24rem;
  line-height: .38rem;
  color: #585757;
  font-family: "syht";
}

.ys1-top strong {
  color: #74b3ff;
}

.ys1-img {
  margin: 0 auto .9rem auto;
  width: 11.94rem;
  font-size: 0;
}

.ys1-img .img2,
.ys1-img .img3 {
  width: 5.92rem;
  display: inline-block;
}

.ys1-img .img2 {
  margin-right: .1rem;
}

.ys2-cont {
  width: 12rem;
  margin: 0 auto .8rem auto;
}

.ys2-cont ul {
  margin-right: -.28rem;
}

.ys2-cont li {
  position: relative;
  width: 5.88rem;
  float: left;
  margin-right: .25rem;
  margin-bottom: .35rem;
}

.ys2-cont li .img {
  width: 3.24rem;
}

.ys2-cont li .right {
  width: 3.18rem;
  height: 2.62rem;
  position: absolute;
  top: .3rem;
}

.ys2-cont li .right .txt1 {
  text-align: center;
  width: 2.65rem;
  height: 1.4rem;
  margin-bottom: .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ys2-cont li.bg1 .right .txt1 {
  margin-left: .55rem;
}

.ys2-cont li .right .txt1 strong {
  font-size: .6rem;
  font-weight: normal;
  font-family: 'ysb';
  color: #fff;
  line-height: 1em;
}

.ys2-cont li .right .txt1 span {
  font-size: .28rem;
  font-family: 'DIN';
  color: #fff;
}

.ys2-cont li .right .txt2 {
  text-align: center;
  width: 2.65rem;
  height: 1.08rem;
  display: flex;
  align-items: center;
  font-family: "syht";
  display: flex;
  align-items: center;
  justify-content: center;
}

.ys2-cont li.bg1 .right .txt2 {
  margin-left: .55rem;
}

.ys2-cont li .right .txt2 strong {
  font-size: .37rem;
  font-weight: normal;
  color: #56a6ff;
  line-height: 1em;
}

.ys2-cont li .right .txt2 span {
  font-size: .17rem;
  color: #ffd044;
  text-align: center;
}

.ys2-cont li.bg1 .right {
  background: url(../img/ys/tx2-bg1.png) center no-repeat;
  background-size: 100%;
  right: 0;
}

.ys2-cont li.bg2 .right {
  background: url(../img/ys/tx2-bg2.png) center no-repeat;
  background-size: 100%;
  left: 0;
}

.ys2-cont li.bg2 .img {
  float: right;
}

.ys3 .cont-tit {
  margin-bottom: 2rem;
  background: url(../img/ys/tit2-bg.png) center no-repeat;
  background-size: 9.8rem;
  height: 1.74rem;
}

.ys3 .cont-tit h2 {
  line-height: .8em;
}

.ys3-cont {
  position: relative;
  width: 10.8rem;
  margin: 0 auto;
}

.ys3-cont .center-img {
  width: 9.24rem;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}

.ys3-info {
  margin-top: .85rem;
  margin-bottom: 1rem;
  font-size: .24rem;
  line-height: .44rem;
  color: #4d4d4d;
  font-family: "syht";
  text-align: center;
}

.ys3-cont {
  position: relative;
}

.ys3-cont .item {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .4rem;
  font-weight: bold;
  line-height: .56rem;
  color: #56a6ff;
  font-family: "syht";
  background: #ffaed3;
}

.ys3-cont .item.item2,
.ys3-cont .item.item5 {
  background: #ffc7de;
}

.ys3-cont .item1 {
  left: 50%;
  margin-left: -1rem;
  top: -1rem;
}

.ys3-cont .item2 {
  top: 2.12rem;
  right: 0;
}

.ys3-cont .item3 {
  right: 1.85rem;
  top: 7.25rem;
}

.ys3-cont .item4 {
  left: 1.85rem;
  top: 7.25rem;
}

.ys3-cont .item5 {
  top: 2.12rem;
  left: 0;
}

.main {
  position: relative;
  overflow: hidden;
}

.contain {
  position: relative;
/*  z-index: 1;*/
}

.ys1 .c1 {
  width: 11rem;
  height: 11rem;
  left: -5.5rem;
  top: -2.5rem;
}

.ys1 .c2 {
  width: 6.2rem;
  height: 6.2rem;
  right: -3.1rem;
  top: 4rem;
}

.ys1 .c3 {
  width: 13.6rem;
  height: 13.6rem;
  right: 2.3rem;
  bottom: -7rem;
}

.ys2 .c1 {
  width: 6.44rem;
  height: 6.44rem;
  left: -3.22rem;
  top: 1.9rem;
}

.ys2 .c2 {
  width: 13.94rem;
  height: 13.94rem;
  right: .55rem;
  top: .6rem;
}

.ys3 .c1 {
  width: 6.5rem;
  height: 6.5rem;
  left: -3.25rem;
  top: .97rem;
}

.ys3 .c2 {
  width: 11.5rem;
  height: 11.5rem;
  right: -6.2rem;
  top: -.5rem;
}

.ys3 .c3 {
  width: 18rem;
  height: 18rem;
  right: 4rem;
  bottom: -10rem;
}