#about-banner{
  width: 100%;
  height: 8rem;
  background-image: url('../images/about/about-bg.jpg');
  background-size: 100% 100%;
}
#about-banner h1{
  color: #fff;
  font-size: 0.9rem;
  text-align: center;
  line-height: 8rem;
  font-family: 'GalanoGrotesqueAltDEMO';
  font-weight: normal;
}
#about-us{
  position: relative;
  width: 100%;
}
#about-us h1{
  color: #000;
  font-size: 0.72rem;
  line-height: 1rem;
  padding: 0.85rem 0 1.1rem 2.1rem;
  font-family: 'GalanoGrotesqueAltDEMO';
  font-weight: normal;
}
.about-intro{
  width: 14.2rem;
  height: 5.26rem;
  padding: 0.95rem 3.2rem 0 2.1rem;
  font-size: 0.16rem;
  line-height: 0.4rem;
  color: #000;
  background-color: #f4f5f4;
	font-family:'Helvetica Regular';
}
.about-intro p{
  margin: 0;
  letter-spacing: 0.2px;
}
.about-us-img{
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  width: 5.4rem;
  height: 6.19rem;
}
.about-num{
  width: 14.5rem;
  height: 3.8rem;
  margin: 0 auto;
}
.about-num li{
  display: block;
  text-align: center;
  float: left;
  width: 2.5rem;
  margin: 0 1.5rem 0 0;
}
.about-num li p{
  color: #c7000a;
  font-size: 1rem;
  margin-top: 0.4rem;
  font-family: 'GalanoGrotesqueAltDEMO';
  font-weight: normal;
}
.about-num li p i{
  color: #222222;
  font-size: 0.24rem;
	font-family:'Helvetica Bold';
  font-style: normal;
}
.about-num li p b{
  position: absolute;
  font-size: 0.5rem;
}
.about-num li span{
  display: block;
  font-size: 0.2rem;
  line-height: 0.3rem;
  margin-top: 0.1rem;
	font-family:'Helvetica Light';
}
.culture{
  width: 100%;
  height: 9.54rem;
  background-image: url('../images/about/culture-bg.jpg');
  background-size: 100% 100%;
}
.culture .wrapper{
  position: relative;
  width: 13.2rem;
  margin: 0 auto;
  padding-top: 1.78rem;
  overflow: hidden;
}
.culture .culture-right{
  float: right;
  width: 10.2rem;
  height: 6rem;
  background-color: #c7000a;
  overflow: hidden;
}
.culture .swiper-pagination-custom{
  position: absolute;
  width: 3rem;
  top: 2.1rem;
  left: 0;
}
.culture .swiper-pagination-custom li{
  position: relative;
  width: 3rem;
  height: 0.9rem;
}
.culture .swiper-pagination-custom li:nth-child(1)::after,.culture .swiper-pagination-custom li:nth-child(2)::after{
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background-color: #fff;
  width: 2.5rem;
  height: 1px;
  z-index: 1;
}
.culture .swiper-pagination-custom li h2{
  float: left;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.9rem;
  padding-left: 0.35rem;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.culture .swiper-pagination-custom li img{
  float: right;
  width: 0.37rem;
  height: 0.06rem;
  margin: 0.42rem 0.7rem 0 0;
}
.culture .swiper-pagination-custom li img.select-culture{
  display: none;
}
.culture .swiper-pagination-custom li.active{
  background-color: rgba(255, 255, 255, 0.9);
}
.culture .swiper-pagination-custom li.active h2{
  color: #c7000a;
}
.culture .swiper-pagination-custom li.active img.select-culture{
  display: block;
}
.culture .swiper-pagination-custom li.active img.unselect-culture{
  display: none;
}
.vision-right{
  float: left;
  width: 10.2rem;
  height: 6rem;
  color: #fff;
}
.vision-right h1{
  font-size: 0.72rem;
  padding: 1.6rem 0 0.53rem 0;
  text-align: center;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.vision-right span{
  display: block;
  width: 0.6rem;
  height: 0.07rem;
  margin: 0 auto 0.77rem;
  background: #fff;
}
.vision-right p{
  text-align: center;
  font-size: 0.48rem;
	font-family:'Helvetica Light';
}
.mission-right{
  float: left;
  width: 10.2rem;
  height: 6rem;
  color: #fff;
  background-color: #c7000a;
}
.mission-right h1{
  font-size: 0.72rem;
  padding: 1.5rem 0 0.53rem 0;
  text-align: center;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.mission-right span{
  display: block;
  width: 0.6rem;
  height: 0.07rem;
  margin: 0 auto 0.57rem;
  background: #fff;
}
.mission-right p{
  width: 8rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.37rem;
	font-family:'Helvetica Light';
}
.value-right{
  float: left;
  width: 10.2rem;
  height: 6.8rem;    
  /* margin-top: -0.4rem; */
  color: #fff;
  background-color: #c7000a;
}
.value-right h1{
  padding: 0.35rem 0 0 0;
  font-size: 0.72rem;
  text-align: center;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.value-right h2{
  font-size: 0.36rem;
  text-align: center;
	font-family:'Helvetica Light';
}
.value-right-all{
  width: 8.4rem;
  font-size: 0.2rem;
  margin: 0.2rem auto 0.4rem;
  overflow: hidden;
}
.value-right-all p{
  display: block;
  float: left;
	font-family:'Helvetica Bold';
}
.value-right-all span{
  /* display: block;
  float: left; */
  word-break: break-word;
	font-family:'Helvetica Light';
}
.value-right-part{
  width: 8.4rem;
  font-size: 0.2rem;
  margin: 0.2rem auto 0;
}
.value-right-part p{
  display: block;
  float: left;
  line-height: 0.3rem;
	font-family:'Helvetica Bold';
}
.value-right-part span{
  /* display: block;
  float: left; */
  word-break: break-word;
	font-family:'Helvetica Light';
}
#history{
  position: relative;
  width: 16.2rem;
  height: 9.45rem;
  margin: 1.4rem 1.5rem 1.5rem 1.5rem;
}
#history .swiper-slide{
  width: 100% !important;
}
#history .year-bg{
  width: 16.2rem;
  height: 9.45rem;
}
#history .historyMask{
  position: absolute;
  left: 0;
  top: 0;
  width: 16.2rem;
  height: 9.45rem;
  background: rgba(0,0,0,0.7);
}
#history .year-history{
  position: absolute;
  top: 0;
  left: 0;
  width: 16.2rem;
  height: 9.45rem;
}
#history .year-history > h1{
  color: #fff;
  text-align: center;
  font-size: 0.72rem;
  line-height: 2rem;
  padding-top: 0.4rem;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.year-history-intro{
  float: right;
  width: 10.5rem;
  margin-top: 1.88rem;
}
.year-history-intro > img{
  width: 10.5rem;
  height: 2px;
}
.year-history-intro-txt h2{
  float: left;
  color: #fff;
  font-size: 1.02rem;
  margin-top: 0.3rem;
  margin-right: 0.55rem;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.year-history-intro-txt p{
  float: left;
  color: #fff;
  width: 3.7rem;
  margin-top: 0.5rem;
  font-size: 0.16rem;
  line-height: 0.34rem;
	font-family:'Helvetica Regular';
}
#history .swiper-button-prev{
  top: inherit;
  left: inherit;
  width: 0.2rem;
  height: 0.05rem;
  left: 2.11rem;
  bottom: 1.07rem;
  background: url('../images/innovation/jr.png') no-repeat center;
  transform: rotateY(180deg);
}
#history .swiper-button-next{
	top: inherit;
  width: 0.2rem;
  height: 0.05rem;
	right: 2.11rem;
	bottom: 1.07rem;
  background: url('../images/innovation/jr.png') no-repeat center;
}
#history .swiper-pagination{
  position: absolute;
  left: 3rem;
  bottom: 0.75rem;
  width: 10rem;
  height: 0.5rem;
  overflow: auto;
}
#history .swiper-pagination::-webkit-scrollbar{
  display: none;
}
#history .swiper-pagination-wrapper{
  display: -webkit-box;  
  height: 0.5rem;
}
#history .swiper-pagination span{
  position: relative;
  cursor: pointer;
  display: block;
  float: left;
  color: #fff;
  font-size: 0.3rem;
	font-family:'Helvetica Regular';
}
#history .swiper-pagination span img{
  display: inline-block;
  width: 2px;
  height: 0.15rem;
  margin: 0 0.5rem;
}
#history .swiper-pagination span.active{
  color: #c7000a;
  font-weight: bold;
}
#history .swiper-pagination span.active::after{
  position: absolute;
  left: 20%;
  bottom: 0;
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  background-color: #c7000a;
  border-radius: 50%;
}

#team{
  width: 100%;
  height: 9rem;
  background-image: url('../images/about/team-bg.jpg');
  background-size: 100% 100%;
}
.team-intro{
  display: inline-block;
  width: 10.02rem;
  height: 7.01rem;
  margin-top: 1rem;
  padding-left: 1.5rem;
  color: #fff;
  background-color: rgba(199, 0, 10, 0.8);
}
.team-intro h1{
  width: 4.6rem;
  margin: 1.35rem 0 0.95rem 0;
  font-size: 0.72rem;
line-height: 0.8rem;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.team-intro p{
  width: 6.9rem;
  font-size: 0.18rem;
  line-height: 0.32rem;
  letter-spacing: 2px;
	font-family:'Helvetica Regular';
}
#standard{
  width: 100%;
  margin-top: 1.5rem;
}
#standard > h1{
  width: 5.8rem;
  margin: 0 auto;
  font-size: 0.71rem;
  line-height: 0.92rem;
  text-align: center;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
#standard > p{
  width: 12.7rem;
  margin: 0.42rem auto 1rem;
  font-size: 0.18rem;
  text-align: center;
	font-family:'Helvetica Regular';
}
.standard-icon{
  width: 8.83rem;
  margin: 0 auto;
  overflow: hidden;
}
.standard-icon li{
  display: block;
  float: left;
  width: 1.4rem;
}
.standard-icon li img{
  margin: 0 auto;
}
.standard-icon li span{
  display: block;
  color: #000;
  text-align: center;
  font-size: 0.28rem;
  padding-top: 0.25rem;
  font-family: 'Helvetica';
  font-weight: bold;
}
#factory{
  position: relative;
  width: 100%;
  margin: 1.7rem auto 1.5rem;
}
.factory-left{
  width: 8.88rem;
  height: 9.48rem;
  margin-left: 1.5rem;
}
.factory-right{
  position: absolute;
  right: 0;
  top: 0.95rem;
  width: 11.9rem;
  height: 7.55rem;
  padding-left: 1.75rem;
  color: #fff;
  background-color: rgba(199, 0, 10, 0.9);
}
.factory-right h1{
  width: 6rem;
  margin: 1rem 0 0.6rem 0;
  font-size: 0.72rem;
  line-height: 0.8rem;
	font-family:'Helvetica Bold';
  font-weight: normal;
}
.factory-right p{
  width: 8.4rem;
  font-size: 0.18rem;
  line-height: 0.32rem;
  letter-spacing: 2px;
	font-family:'Helvetica Light';
}