.header-bg {
  height: 9.245rem;
  background: url(../images/home/banner.png) no-repeat;
  background-size: 100%;
}

.banben ul li {
  width: 100%;
  border: .05rem solid #e6e6e6;
  font-size: .64rem;
  margin-bottom: .5rem;
}
.banben ul li .one {
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .05rem;
  font-size: .64rem;
}
.banben ul li .one i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/home/banben.png) no-repeat;
  background-size: 6rem;
  vertical-align: middle;
  margin: 0 .4rem;
}
.banben ul li:nth-child(1) .one i {
  background-position: 0 0;
}
.banben ul li:nth-child(2) .one i {
  background-position: -1.65rem 0;
}
.banben ul li:nth-child(3) .one i {
  background-position: -3.33rem 0;
}
.banben ul li:nth-child(4) .one i {
  background-position: -5rem 0;
}
.banben ul li .one em {
  display: inline-block;
  width: .54rem;
  height: .3225rem;
  background: url(../images/icons/arrow-down.png) no-repeat 0 0;
  background-size: .5rem;
  float: right;
  margin-top: .65rem;
  margin-right: .5rem;
}
.up {
  background: url(../images/icons/arrow-up.png) no-repeat 0 0!important;
  background-size: .5rem!important;
}
.purple {
  color: #6e75bb;
}
.green {
  color: #77c706;
}
.orange {
  color: #e4541b;
}
.yellow {
  color: #f4a50f;
}
.banben ul li .two {
  display: none;
  font-size: .54rem;
  text-align: justify;
  color: #777;
  line-height: .8rem;
  padding: 0 .43rem .6rem .43rem;
}


/*  home head background-img carousel  */
.carousel-figure {
  width: 10rem;
  height: 8.5rem;
}
.carousel-figure .swiper-slide {
  height: 6.45rem;
  width: 100%;
  background-size: 58%!important;
  box-sizing: border-box;
  padding: .8rem .4rem;
  /*border: .05rem solid #ddd;*/
  /*box-shadow: 1px 1px 1px 1px #ddd;   */
}
.carousel-figure .swiper-slide .title {
  text-align: left;
  font-size: .64rem;
  margin-bottom: .3rem;
}
.carousel-figure .swiper-slide .intro {
  text-align: left;
  font-size: .5rem;
  width: 7.2rem;
  line-height: .8rem;
}
.carousel-figure .bg1 {
  background: url(../images/home/1.png) no-repeat bottom right;
}
.carousel-figure .bg2 {
  background: url(../images/home/2.png) no-repeat bottom right;
}
.carousel-figure .bg3 {
  background: url(../images/home/3.png) no-repeat bottom right;
}
.carousel-figure .bg4 {
  background: url(../images/home/4.png) no-repeat bottom right;
}
.carousel-figure .bg5 {
  background: url(../images/home/5.png) no-repeat bottom right;
}
.carousel-figure .bg6 {
  background: url(../images/home/6.png) no-repeat bottom right;
}
.carousel-figure .bg7 {
  background: url(../images/home/7.png) no-repeat bottom right;
}
.carousel-figure .bg8 {
  background: url(../images/home/8.png) no-repeat bottom right;
}
.carousel-figure .bg9 {
  background: url(../images/home/9.png) no-repeat bottom right;
}


.swiper-pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: #c9c9c9!important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #6371cb!important;
}


.youshi ul li {
  height: 5.59rem;
  border-top: .05rem solid #e5e5e5;
  box-sizing: border-box;
  padding: .54rem 0 .54rem .43rem;
}
.youshi ul li i {
  display: inline-block;
  width: 6.235rem;
  height: 4.3rem;
  background: url(../images/home/youshi.png) no-repeat bottom right;
  background-size: 20rem;
  margin-right: .5rem;
  float: left;
}
.youshi ul li:nth-child(1) i {
  background-position: 0 0;
}
.youshi ul li:nth-child(2) i {
  background-position: -7rem 0;
}
.youshi ul li:nth-child(3) i {
  background-position: -14rem 0;
}
.youshi ul li .title {
  color: #5a69ce;
  font-size: .6rem;
  margin-top: .2rem;
  margin-bottom: .2rem;
  float: left;
}
.youshi ul li .intros {
  width: 7.5rem;
  text-align: justify;
  line-height: .7rem;
  color: #888;
  font-size: .5rem;
  float: left;
}


.free {
  height: 6rem;
  background: url(../images/home/free.png) no-repeat center center;
  background-size: 100%;
}
.free .one {
  font-size: .64rem;
  color: #f8f8f8;
  height: 2rem;
  line-height: 3rem;
  margin-bottom: .5rem;
  text-align: center;
}
.free .two {
  text-align: center;
  height: 2rem;
  margin: 0 auto;
  width: 9.5rem;
  font-size: .56rem;
  line-height: 1rem;
  color: #cdcdcd;
}



Main .title {
  font-size: .64rem;
  text-align: center;
}
Main .intro {
  text-align: center;
  color: #999;
  font-size: .54rem;
  margin-top: .3rem;
  margin-bottom: .5rem;
}