@charset "UTF-8";

.banner {
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.banner .swiper-slide {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.banner .swiper-slide img {
  width: 100%;
}

.banner .swiper-pagination {
  bottom: .3rem;
}

.banner .swiper-pagination-bullet {
  width: 1rem;
  height: .08rem;
  background: #fff;
  opacity: 1;
  margin: 0 .05rem !important;
  border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
  background: #3aa4dc;
}


.info {
  height: auto;
  overflow: hidden;
  margin-top: .6rem;
}

.info p {
  font-size: .24rem;
  line-height: .36rem;
  color: #333;
  text-align: center;
}


.product {
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: .6rem;
}

.product .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: relative;
}

.product .item img {
  width: 100%;
}

.product .item h2 {
  font-size: .3rem;
  color: #fff;
  position: absolute;
  right: .25rem;
  bottom: .2rem;
}

.product .item h2 i {
  font-size: .34rem;
  vertical-align: -.01rem;
  margin-left: .05rem;
}

/*.product .item:nth-last-child(2), .product .item:last-child {*/
/*  -webkit-box-flex: 0;*/
/*      -ms-flex: 0 0 50%;*/
/*          flex: 0 0 50%;*/
/*}*/

/*.product .item:nth-last-child(2) h2, .product .item:last-child h2 {*/
/*  width: 100%;*/
/*  right: 0;*/
/*  text-align: center;*/
/*}*/


.youshi {
  height: auto;
  overflow: hidden;
  margin-top: .6rem;
}

.youshi .item {
  height: auto;
  overflow: hidden;
  margin-bottom: .5rem;
}

.youshi .item .text {
  height: auto;
  overflow: hidden;
  padding: 0 .3rem .3rem;
}

.youshi .item .text h2 {
  font-size: .36rem;
  color: #333;
  margin-bottom: .15rem;
}

.youshi .item .text h3 {
  font-size: .28rem;
  color: #333;
  margin-bottom: .1rem;
}

.youshi .item .text p {
  font-size: .22rem;
  color: #333;
  line-height: .36rem;
}

.youshi .item .text ul {
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: .3rem;
}

.youshi .item .text ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

.youshi .item .text ul li i {
  width: .88rem;
  height: .88rem;
  line-height: .88rem;
  border-radius: 50%;
  border: 1px solid #9cd1ed;
  display: block;
  margin: 0 auto .1rem;
  font-size: .46rem;
  color: #3aa4dc;
}

.youshi .item .text ul li p {
  font-size: .22rem;
  color: #3aa4dc;
}


.newsService {
  height: auto;
  overflow: hidden;
  margin-top: .2rem;
}

.newsService .bigTitle {
  text-align: left;
  color: #000;
}

.newsService .news {
  width: 50%;
  float: left;
  height: 5.1rem;
  background: #eaeaea;
  padding: .7rem .3rem;
  position: relative;
}

.newsService .news .slide {
  height: auto;
  overflow: hidden;
}

.newsService .news .slide .swiper-slide {
  height: auto;
  overflow: hidden;
}

.newsService .news .slide .swiper-slide h2 {
  font-size: .28rem;
  color: #000;
  line-height: .4rem;
  margin-bottom: .2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.newsService .news .slide .swiper-slide p {
  font-size: .24rem;
  color: #666;
}

.newsService .news .btnMore {
  margin: .8rem 0 0 0;
}

.newsService .news .swiper-pagination {
  left: .3rem;
  bottom: 1.7rem;
  text-align: left;
}

.newsService .news .swiper-pagination-bullet {
  width: .3rem;
  height: .04rem;
  background: #fff;
  opacity: 1;
  margin: 0 .04rem !important;
  border-radius: 0;
}

.newsService .news .swiper-pagination-bullet-active {
  width: .6rem;
  background: #3aa4dc;
}

.newsService .service {
  width: 50%;
  height: 5.1rem;
  float: left;
  padding: .7rem .3rem;
  background: url(../image/service-bg.jpg) center no-repeat;
  background-size: cover;
}

.newsService .service .bigTitle {
  color: #fff;
}

.newsService .service h2 {
  font-size: .24rem;
  color: #fff;
  line-height: .36rem;
}

.newsService .service .btnMore {
  margin: .3rem 0 0 0;
}


.process {
  height: auto;
  overflow: hidden;
  margin: .6rem 0 .3rem;
}

.process ul {
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-top: .4rem;
}

.process ul li {
  width: 20%;
  display: block;
  float: left;
  position: relative;
}

.process ul li .icon {
  font-size: .4rem;
  color: #b2b2b2;
  margin-bottom: 5px;
  display: block;
}

.process ul li h2 {
  font-size: .2rem;
  color: #666;
}

.process ul li .icon-dot {
  font-size: .3rem;
  color: #ccc;
  margin-top: 5px;
  display: block;
  position: relative;
  z-index: 1;
}

.process ul li p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}

.process ul li:before {
  content: "";
  width: 50%;
  height: 1px;
  background: #efefef;
  position: absolute;
  left: 0;
  bottom: .16rem;
}

.process ul li:after {
  content: "";
  width: 50%;
  height: 1px;
  background: #efefef;
  position: absolute;
  right: 0;
  bottom: .16rem;
}

.process ul li.first:before {
  display: none;
}

.process ul li.last:after {
  display: none;
}

.process ul li.active .icon, .process ul li.active h2 {
  color: #3aa4dc;
}

.process .text {
  height: auto;
  overflow: hidden;
  text-align: center;
  font-size: .24rem;
  color: #333;
  margin: .2rem 0 .4rem;
}