
.clear:after{
	content: "";
	display:block;
	clear: both;
}
page{
  width:100%;
  height:100%;
  background-color: #F7F7F7;
}
.header{
  width:100%;
  height:262rpx;
  overflow: hidden;
  position: relative;
}
.top_img{
  width:100%;
  height:166rpx;
  overflow: hidden;
}
.top_img image{
  width:100%;
}
.brand_com{
  width:690rpx;
  height:192rpx;
  padding:42rpx 0 42rpx 30rpx;
  box-sizing: border-box;
  background-color: #ffffff;
  position: absolute;
  bottom:0;
  left:30rpx;
  border-radius: 6rpx;
}
.brand_logo{
  display: block;
  width:108rpx;
  height:108rpx;
  float:left;
  /* border:2rpx solid #FFD0A7;
  border-radius: 50%;
  box-sizing: border-box; */
}
.middle{
  float:left;
  margin-left: 16rpx;
  overflow: hidden;
}
.brand_title{
  font-size: 30rpx;
  color:#2A2A2A;
  line-height: 36rpx;
  font-weight: bold;
  margin-top:12rpx;
}
.brand_com_item{
  display: inline-block;
  font-size: 22rpx;
  color:#666666;
  margin:16rpx 58rpx 0 0;
}
.brand_com_item:last-child{
  margin-right: 0
}
.right{
  display: inline-block;
  margin-right: 4rpx;
  font-size: 24rpx;
  color:#E77817;
}
.brand_sub{
  width:100%;
  overflow: hidden;
  margin-top:30rpx;
  background-color: #ffffff;
}
.brand_sub_title{
  font-size: 32rpx;
  padding-left: 16rpx;
  color:#2A2A2A;
  position: relative;
  margin:22rpx 0 0 30rpx;
  font-weight: bold;
}
.shu_line{
  width:6rpx;
  height:30rpx;
  background-color: #E77817;
  position: absolute;
  top:8rpx;
  left:0;
}
.brand_sub_list_item{
  width:100%;
  height:186rpx;
  padding:40rpx 30rpx;
  border-bottom:1px solid #F2F2F2;
  box-sizing: border-box;
}
.item_logo{
  display: block;
  width: 108rpx;
  height:108rpx;
  float:left;
}
.brand_sub_list_item_item{
  font-size: 22rpx;
  color:#E77817;
  height:34rpx;
  padding:0 16rpx;
  background-color:rgba(231, 120, 23, 0.06);
  text-align: center;
  line-height: 34rpx;
  float:left;
  border-radius: 4rpx;
  margin:16rpx 20rpx 0 0;
}
.brand_sub_list_item_item:last-child{
  margin-right: 0;
}
.distance{
  font-size: 24rpx;
  color:#999999;
  float:right;
  margin-top:66rpx;
}
.list_more{
  height:104rpx;
  line-height: 104rpx;
  text-align: center;
  color:#E77817;
  font-size: 24rpx;
}
.shuang_you{
  display: inline-block;
  font-size: 24rpx;
  color:#E77817;
  margin-left: 6rpx;
}
.brand_content{
  width:100%;
  overflow: hidden;
  background-color: #ffffff;
  margin-top:20rpx;
}
.brand_sub_title1{
  font-size: 32rpx;
  height:106rpx;
  line-height: 106rpx;
  border-bottom:1px solid #f2f2f2;
  padding-left: 46rpx;
  color: #2A2A2A;
  position: relative;
  font-weight: bold;
}
.shuline1{
  top:38rpx;
  left:30rpx;
}
.about_brand,.brand_story,.brand_big,.aptitude{
  width:100%;
  overflow: hidden;
  background: #ffffff;
  border-bottom:1px solid #f2f2f2;
}
.about_brand_top{
  margin-top:30rpx;
}
.about_brand_top_logo{
  display: inline-block;
  width:36rpx;
  height:40rpx;
  vertical-align: middle;
  margin:0 14rpx 0 30rpx;
}
.about_brand_title{
  display: inline-block;
  font-size: 30rpx;
  color:#222222;
  vertical-align: middle;
}
.about_brand_bottom,.brand_story_bottom,.aptitude_bottom{
  width:calc(100% - 158rpx);
  margin:30rpx auto 0;
  padding-bottom:20rpx;
}
.about_brand_list_item{
  margin-bottom:20rpx;
}
.content_lf{
  font-size: 26rpx;
  color:#666666;
  float:left;
}
.content_rh{
  float: right;
  color:#999999;
  font-size: 26rpx;
}
.brand_story_bottom image{
  display: block;
  width:100%;
  height:162rpx;
  margin-bottom:20rpx;
}
.brand_story_bottom_text{
  font-size: 26rpx;
  color:#333333;
  line-height: 44rpx;
}
.brand_big_bottom{
  width: calc(100% - 158rpx);
  margin: 44rpx auto 0;
  position: relative;
}
.brand_big_bottom_item{
  margin-bottom: 54rpx;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.brand_big_bottom_item:last-child{
  margin-bottom:0;
}
.brand_big_bottom_item_lf{
  font-size: 28rpx;
  color:#E77817;
  line-height:40rpx;
  width:120rpx;
}
.brand_big_bottom_item_rh{
  font-size: 24rpx;
  color:#666666;
  line-height: 40rpx;
  word-break: break-all;
}
.brand_big_line{
  width:4rpx;
  height:340rpx;
  background:rgba(250,225,203,1);
  border-radius:4rpx;
  opacity:0.27;
  position: absolute;
  top:-50rpx;
  left:-34rpx;
}
.radius{
  width:12rpx;
  height:12rpx;
  background-color:#E77817;
  border-radius: 50%;
  position: absolute;
  left:-37rpx;
  top:12rpx;
  z-index: 100;
}
.brand_big{
  padding-bottom:40rpx;
}
.aptitude_bottom_img{
  display: block;
  width:190rpx;
  height:138rpx;
  margin-right: 8rpx;
  float:left;
}
.aptitude_bottom_img:last-child{
  margin-right: 0;
}
.aptitude_bottom_img:first-child{
  margin-left: 6rpx;
}
.aptitude{
  padding-bottom: 40rpx;
}
.fuwu{
  width:100%;
  overflow: hidden;
  margin-top:20rpx;
  padding-bottom:100rpx;
  background-color: #ffffff;
}
.fuwu_content{
  width:100%;
  padding:34rpx 0 40rpx 30rpx;
  box-sizing: border-box;
}
.fuwu_item{
  width:250rpx;
  height:150rpx;
  border-radius:6rpx;
  position: relative;
  display: inline-block;
  margin-right: 10rpx;
  overflow: hidden;
}
.fuwu_item image{
  display: block;
  width:100%;
  height:100%;
}
.fuwu_item_bottom{
  width:100%;
  text-indent: 10rpx;
  height:36rpx;
  background:rgba(0,0,0,0.5);
  border-radius:0px 0px 6rpx 6rpx;
  color:#ffffff;
  line-height: 36rpx;
  font-size: 22rpx;
  position: absolute;
  bottom:0;
  left:0;
}
.footer{
  width:100%;
  height:100rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.5);
  position: fixed;
  bottom:0;
  left:0;
  z-index:100;
}
.submit{
  width:690rpx;
  height:80rpx;
  line-height: 80rpx;
  background:-webkit-linear-gradient(right,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  background:linear-gradient(270deg,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  border-radius:40rpx;
  text-align: center;
  font-size: 32rpx;
  color:#ffffff;
  position: absolute;
  top:10rpx;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%)
}
.to_index{
  width:calc(100% - 284rpx);
  height:100%;
  line-height: 100rpx;
  text-align: center;
  float:left;
}
.collect{
  font-size: 40rpx;
  color:#222222;
}
.ruzhu{
  width:284rpx;
  height:72rpx;
  background:rgba(231,120,23,1);
  border-radius:6rpx;
  color:#ffffff;
  text-align: center;
  line-height: 72rpx;
  font-size: 30rpx;
  float:right;
  margin-top:14rpx;
}

