.container {
  width: 71.263158rem;
  margin: 0 auto;
}

.introduce-wrap {
  position: relative;

  display: -webkit-box;


  display: flex;

  -webkit-box-pack: justify;

  justify-content: space-between;
  margin-bottom: 10.842105rem !important;
}

.introduce-left {
  width: 29.578947rem;
}

.introduce-right {
  position: absolute;
  right: 0;
  width: 44.157895rem;
  height: 27.368421rem;
  z-index: -1;
}

.introduce-right img {
  width: 100%;
  height: 100%;
}

/* .introduce {
  width: 44.368421rem;
} */

.pull-down {
  margin-left: 22.631579rem;
  width: 1.052632rem;
  margin-bottom: 2.263158rem;
}

.we {
  line-height: 2.526316rem;
  font-size: 2.105263rem;
  color: #333333;
}

.we-english {
  font-size: 1.210526rem;
  color: #787777;
  line-height: 1.684211rem;
  margin-bottom: .526316rem;
}

.des {
  font-size: 21px;
  font-family: "Microsoft YaHei";
  color: rgb(51, 51, 51);
  line-height: 1.813;
  text-align: justifyLeft;

}

/* 产品体系 */
.system {
  padding-top: 5.789474rem;

  text-align: center;
}

.produce-title {


  margin-top: 1.894737rem;
}

.produce-title-img ,.offline-title{
  position: relative;
  margin-top: 1.578947rem;
}

.produce-title-img::after ,.offline-title::after{
  position: absolute;
  content: "";
  left: 50%;
  bottom: -1.052632rem;
  transform: translateX(-50%);
  width: 3.578947rem;
  height: 2px;
  background: url(../images/abouy-about-title.png) no-repeat;
  background-size: 100% 100%;
}


.system-title {
  font-size: 1.631579rem;
  font-family: "Microsoft YaHei";
  color: rgb(51, 51, 51);
  font-weight: bold;
  line-height: 3.157895rem;
  text-align: center;
}

.system-title-english {

  font-size: .947368rem;
  font-family: "Microsoft YaHei";
  color: rgb(120, 119, 119);
  line-height: 1.789474rem;

}


.icon {
  display: inline-block;
  width: 1.052632rem;
  height: 1.052632rem;
  margin-left: .526316rem;
  margin-right: 1.052632rem;
  background: url(../images/arrow.png) no-repeat;
  background-size: 100% 100%;
}

.line {
  margin-top: 2.105263rem;
  margin-bottom: 1.684211rem;
}

.line-word {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;

  line-height: 1.578947rem;
  font-size: 1.368421rem;
  color: rgb(142, 140, 140);

}

.produce-item {
  position: relative;
  width: 23.421053rem;
}

.produce-right {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;

}

.produce-right .produce-img {
  width: 38.736842rem;
}

.produce-right .produce-item {
  width: 38.736842rem;
}

.produce-img,
.in {
  width: 23.421053rem;
  margin: 0 auto;
}

.produce-header {
  display: -webkit-box;
  display: flex;

  -webkit-box-pack: justify;

  justify-content: space-between;
  padding-bottom: 2.631579rem;
}

.produce-footer {
  display: -webkit-box;
  display: flex;

  -webkit-box-pack: justify;

  justify-content: space-between;
  padding-bottom: 4rem;
}



.produce-des {
  position: relative;
  color: #333333;
  font-size: .921rem;
  font-family: "Microsoft YaHei";
  color: rgb(51, 51, 51);
  line-height: 1.473684rem;
  margin-top: 1.578947rem;

}

.idea {
  padding-top: 3.421053rem;
  padding-bottom: 5.263158rem;
  min-height: 34.894737rem;
  background: url(../images/idea.png) no-repeat;
  background-size: 100% 100%;
}

.idea-title {

  font-size: 1.631579rem;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  line-height: 2.631579rem;
}

.idea-title-english {
  font-size: .947368rem;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 1.894737rem;

}

.idea-wrap {
  position: relative;
  margin-top: 2.263158rem;
}

.point-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);

}

.point {
  position: relative;
  font-size: 1.631579rem;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;

}

.point::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.210526rem;
  height: .105263rem;
  background: #fff;
}

.idea-item {
  position: relative;

  width: 15.578947rem;
  height: 13.473684rem;
}

.point {
  line-height: 3.157895rem;
  margin-top: 1.526316rem;
  text-align: center;
  margin-bottom: 1.526316rem;
}

.point::after {
  content: "";
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.210526rem;
  height: 1px;
  background-color: #ffffff;
}

.idea-wrapper {
  position: absolute;
  top: 0;
  left: 33.684211rem;
  width: 15.578947rem;
  height: 13.473684rem;

}

.idea-wrap img {
  width: 15.578947rem;
  height: 13.473684rem;
}

.idea-wrapper2 {
  position: absolute;
  top: 7.368421rem;
  left: 21.052632rem;
  width: 15.578947rem;
  height: 13.473684rem;
}

.idea-wrapper3 {
  position: absolute;
  left: 33.684211rem;
  top: 14.736842rem;
}

.idea-wrapper4 {
  position: absolute;
  left: 45.789474rem;
  top: 7.631579rem;
}

.point-des {
  font-size: 1.052632rem;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  line-height: 1.75;
  width: 8.421053rem;
  height: 5.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

}

/* develop */
.develop {
  padding-top: 7.368421rem;
  background: url(../images/develop-bg.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 5.789474rem;
}

.develop .container {
  overflow: hidden;
}

.develop-title {
  text-align: center;
  line-height: 3.157895rem;
  font-size: 2.105263rem;
  font-weight: bold;

  color: rgb(51, 51, 51);

}

.develop-title-english {
  font-size: 1.210526rem;
  line-height: 1.789474rem;
  text-align: center;
  color: rgb(120, 119, 119);
}

.develop-title-des {
  line-height: 2.105263rem;
  width: 29.368421rem;
  text-align: center;
  margin: 0 auto;
  margin-top: .526316rem;
}

.develop-years {
  width: 40.736842rem;
  margin: 0 auto;
  margin-top: 5.210526rem;

  /* background-color: red; */
}

.center {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10px;
  height: 117.368421rem;
  /* background: red; */


}

.year {
  width: 19.263158rem;
  position: absolute;


}

.formatting-1>.year,
.formatting-3>.year,
.formatting-5>.year {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.formatting-2>.year,
.formatting-4>.year {
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
}

.year1 {
  top: 0;
}

.formatting-1,
.formatting-3,
.formatting-5 {
  left: 15px;

}

.formatting-2,
.formatting-4 {
  right: 0px;

}

.year2 {
  top: 24.105263rem;

}

.year3 {
  top: 51.052632rem
}

.year4 {
  top: 76rem;
}

.year5 {
  top: 102.789474rem;
}


.years-title {
  line-height: 2.526316rem;
  font-size: 1.368421rem;
  font-weight: 700;
  color: #333333;
}

.years-des {
  line-height: 1.473684rem;
  font-size: 1.105263rem;
  color: #333333;
}

.years-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  /*  */
}

.years-info {
  position: absolute;

}

.years-info-1 {
  top: 5.684211rem;
  right: -6.315789rem;
  width: 15.263158rem;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);


}

.years-info-2 {
  top: 31.578947rem;
  left: -31rem;
  width: 24.736842rem;

}

.years-info-3 {
  top: 57.894737rem;
  right: -31rem;
  width: 24.736842rem;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.years-info-4 {
  top: 83.421053rem;
  left: -21rem;
  width: 15.789474rem;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.years-info-5 {
  top: 109.368421rem;
  right: -25rem;
  width: 18.421053rem;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.future {
  position: relative;
  text-align: center;
  color: #333333;
  font-size: 2.105263rem;
  font-weight: 700;
  line-height: 3.789474rem;
  margin-top: 2.526316rem;
}

.future::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2.842105rem;
  height: .105263rem;
  background: url(../images/line.png) no-repeat;
  background-size: 100% 100%;
}

.future-des {
  position: relative;
  left: 50%;
  margin-top: 2rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;

  padding: 0 1.578947rem;
  font-size: 1.263158rem;
  border: 1px solid #333333;
  color: #333333;
  line-height: 2rem;

}

/* 资质证书 */
.certificate-phone-item {
  margin-right: 1.052632rem;
}

.certificate-phone {
  margin-top: 3.157895rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.certificate-wrap {
  padding-bottom: 5.789474rem;
}

.certificate {
  width: 11.578947rem;
}

.certificate-name {
  position: relative;
  color: #363636;
  font-size: 1.105263rem;
  line-height: 2.421053rem;
  margin-top: .684211rem;
  text-align: center;
}

.certificate-name::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.842105rem;
  height: 1px;
  background-color: #bfbfbf;
}

.sub-title {
  text-align: center;
  color: #4d4d4d;
  font-size: 1.263158rem;
  line-height: 2.631579rem;
}

.see-more {
  display: block;
  cursor: pointer;
  width: 9.368421rem;
  height: 2.526316rem;
  background: url(../images/see-more.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  color: #fff !important;
  font-size: 1.052632rem;
  line-height: 2.526316rem;
  text-align: center;
  margin-top: 2.631579rem;
}

.news-wrap {
  padding-bottom: 4.736842rem;
}

.news-list {
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 2.163158rem;
  margin-bottom: 2.631579rem;
  /* display: -webkit-box;

  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;

  width: 63.157895rem; */
  width: 71.157895rem;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;

}

.news-item-wrap {

  box-sizing: border-box;
  padding-top: 20px;

  -webkit-box-flex: 1;

  flex: 1;
  margin-right: 1.052632rem;
  width: 16.842105rem !important;



}

.news-item {
  display: inline-block;
  width: 16.842105rem !important;



  background: #fff;
  padding-bottom: 1.842105rem;
  box-shadow: 0px 1px 1.105263rem 0px rgba(17, 30, 68, 0.18);
  border-radius: .526316rem;

}

.news-item-img {
  width: 100%;
  border-top-left-radius: .526316rem;

  border-top-right-radius: .526316rem;
  height: 10.684211rem;
}

.news-item-title {
  box-sizing: border-box;
  padding: 0 .526316rem;
  display: block;
  color: #111111;
  font-size: 1.105263rem;
  font-weight: 700;
  text-align: center;

  margin-top: 1.052632rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-item-des {
  display: block;
  box-sizing: border-box;
  padding: 0 .526316rem;
  color: #8e8c8c;
  /* font-weight: 700; */
  height: 2.631579rem;
  font-size: 1.052632rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;



}

.news-item-time {
  text-align: center;
  color: #8e8c8c;
  font-size: .894737rem;
  overflow: hidden;



}

.news-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 8.421053rem;
}

/* 合作客户 */
.cooperation-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 25.789474rem;
  padding-top: 2.631579rem;
  background: url(../images/cooperation-bg.png) no-repeat;
  background-size: 100% 100%;
}

.cooperation-list {
  box-sizing: border-box;

  display: -webkit-box;

  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 80.526316rem;
  height: 9.736842rem;
  margin: 0 auto;
  margin-top: 2rem;
}

.cooperation-classify {
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  width: 6.526316rem;
  height: 9.736842rem;
  padding: 0 1.789474rem;
  background: #47bce9;
  font-size: 1.421053rem;
  font-weight: 700;
  color: #ffffff;


}

.cooperative-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 9.736842rem;
}

.arrow {
  width: 1.368421rem;
  height: 1.473684rem;
}

#picList1 {
  width: 50rem;
  margin: 0 auto;
}

#picList1 img {
  height: 6.052632rem;
}

.tempWrap {
  width: 71.263158rem !important;
}

/* ------------------关于------------------ */
.product-wrap {
  width: 71.736842rem !important;
  margin: 0 auto;

}