#about{padding-top: 60px;}
#about .title {
  text-align: center;
}
#about .title h3 {
  color: #222;
  font-size: 30px;
  font-weight: 400;
}
#about .introduce {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
#about .introduce > div {
  flex: 1;
}
#about .introduce img {
  width: 100%;
}
#about .introduce .right-word {
  margin-left: 35px;
  color: #666;
  font-size: 14px;
  line-height: 2;
}
#about .advantage {
  margin-top: 80px;
}
#about .advantage .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#about .advantage .wrap .box {
  width: 31%;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#about .advantage .wrap .box img {
  width: 72px;
  height: 72px;
}
#about .advantage .wrap .box .right {
  margin-left: 20px;
}
#about .advantage .wrap .box .right h4 {
	font-weight: 400;
  line-height: 36px;
  font-size: 18px;
  color: #333333;
}
#about .advantage .wrap .box .right p {
  font-size: 14px;
  color: #999999;
}

#product {
  
}
#product .product-title{
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
}
#product .product-title>div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#product .product-title .right{margin-left: 25px;}
#product .product-title>div h3{
	font-size: 24px;
	color: #2b2b2b;
}
#product .product-title>div img{width: 69px;height: 69px;}
#product .product-title>div p{
	font-size: 14px;
	color: #7a7a7a;
	margin-top: 5px;
}
#product .bg-one{background: url(../img/bg-01.jpg) no-repeat center;background-size: cover;padding: 150px 0;}
#product .bg-wrap{display: flex;justify-content: flex-end;}
#product .bg-word{width: 470px;}
#product .bg-word h3{
	color: #FFF;
	font-size: 54px;
	margin-bottom: 30px;
	font-weight: 500;
}
#product .bg-word p{
	color: #FFF;
	font-size: 18px;
	line-height: 2;
}
#product .bg-word>div{
	display: flex;
	align-items: flex-start;
}
#product .bg-word>div img{
	width: 18px;margin-right: 10px;
	margin-top: 12px;
}
#product .bg-two{background: url(../img/bg-02.jpg) no-repeat center ;background-size: cover;padding: 150px 0;}
#product .bg-two .bg-wrap{display: flex;justify-content: flex-start;}
#product .bg-two .bg-word h3{color: #353535;}
#product .bg-two .bg-word p{color: #2B2B2B;}
#product .bg-three{background: url(../img/bg-03.jpg) no-repeat center ;background-size: cover;padding: 150px 0;}

@media (max-width:768px) {
	#product .product-title{padding: 30px 15px;}
	#product .product-title>div{display: block;text-align: center;}
	#product .product-title>div:nth-of-type(2){margin: 0 5px;}
	#product .product-title>div img{width: 50px;height: 50px;}
	#product .product-title .right{margin-left: 0;}
	#product .product-title>div h3{font-size: 14px;margin-top: 5px;}
	#product .product-title>div p{font-size: 12px;}
	#product .bg-one{padding: 60px 0;}
	#product .bg-word{width: 100%;padding: 0 15px;box-sizing: border-box;}
	#product .bg-word h3{font-size: 20px;text-align: center;}
	#product .bg-word p{font-size: 14px;}
	#product .bg-word>div img{margin-top: 9px;}
	#product .bg-two{padding: 60px 0;}
	#product .bg-three{padding: 60px 0;}
	
	#about .advantage {margin-top: 40px;}
	#about{padding: 0 15px;padding-top: 40px;}
	.banner-title h3,#about .title h3{font-size: 20px;}
	#about .introduce,#about .advantage .wrap{display: block;margin-top: 20px;}
	#about .introduce .right-word{margin-left: 0;}
	#about .advantage .wrap .box{width: initial;}
	#about .advantage .wrap .box img{width: 60px;height: 60px;}
}