@charset "utf-8";
/*本期推荐*/
#quandi_product{
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  position:relative;
}
#quandi_product_thead{
  display:block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:40px;
  border-bottom:1px solid #ddd;
  line-height:40px;
  text-align:left;
}
#quandi_product_title{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:14px;
  font-weight:bold;
}
#quandi_product_miaoshu{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:12px;
  font-weight:normal;
  font-family:arial;
  padding-left:10px;
  color:#999;
}
#quandi_product_tbody{
  width:auto;
  height:auto;
  overflow:hidden;
  display:block;
  margin:auto;
  position:relative;
  margin-top:20px;
}
#quandi_product_tbody>div{
  width:160px;
  margin-right:10px;
}
a.product_tb{
  width:auto;
  height:auto;
  overflow:hidden;
  margin:5px;
  display:block;
  text-align:center;
}
.product_name{
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  display:block;
  text-align:center;
}
.product_pic{
 	width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	position:relative;
	padding-bottom:100%;
	border:1px solid #ddd;
}
/*关于我们*/
#quandi_about{
  display:block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  position:relative;
}
#quandi_about_thead{
  display:block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:40px;
  border-bottom:1px solid #ddd;
  line-height:40px;
  text-align:left;
}
#quandi_about_title{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:14px;
  font-weight:bold;
}
#quandi_about_miaoshu{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:12px;
  font-weight:normal;
  font-family:arial;
  padding-left:10px;
  color:#999;
}
#quandi_about_tbody{
  display:block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  padding-top:10px;
  padding-bottom:10px;
  max-height:100%;
}

/*新闻*/
#quandi_news{
  display:block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  position:relative;
}
#quandi_news_thead{
  display:block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:40px;
  border-bottom:1px solid #ddd;
  line-height:40px;
  text-align:left;
}
#quandi_news_title{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:14px;
  font-weight:bold;
}
#quandi_news_miaoshu{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:12px;
  font-weight:normal;
  font-family:arial;
  padding-left:10px;
  color:#999;
}
#quandi_news_tbody{
  display:grid;
  grid-template-columns:50% auto;
  row-gap:10px;
  column-gap:10px;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  margin-top:10px;
}
@media (max-width:600px){#quandi_news_tbody{ grid-template-columns:auto;}}
.news_item{
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  display:block;
  vertical-align:top;
}
a.news_tb{
  display:grid;
  grid-template-columns:150px auto;
  align-items:center;
  column-gap:20px;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  margin-bottom:10px;
}

.news_pic{
  width: auto;
  height: auto;
  display: block;
  overflow: hidden;
  position:relative;
  padding-bottom:75%;
}
.news_right{
   width: auto;
  height: auto;
  display:block;
  overflow: hidden;
}
.news_name{
  width: auto;
  height: auto;
  display:block;
  overflow: hidden;
  font-size:14px;
  font-weight:bold;
  white-space:nowrap;
  line-height:1.2;
}
.news_pic{
  width: auto;
  height: auto;
  display: flex;
  display:-webkit-flex;
  justify-content:center;
  align-items:center;
  overflow: hidden;
}

.news_miaoshu{
  display: block;
  overflow: hidden;
  height: auto;
  margin: auto;
  text-align: left;
  width: auto;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*新品展示*/
#quandi_new{
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  position:relative;
}
#quandi_new_thead{
  display:block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:40px;
  border-bottom:1px solid #ddd;
  line-height:40px;
  text-align:left;
}
#quandi_new_title{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:14px;
  font-weight:bold;
}
#quandi_new_miaoshu{
  display:inline-block;
  overflow:hidden;
  margin:auto;
  width:auto;
  height:auto;
  font-size:12px;
  font-weight:normal;
  font-family:arial;
  padding-left:10px;
  color:#999;
}
#quandi_new_tbody{
  display:grid;
  grid-template-columns:calc(20% - (40px/5)) calc(20% - (40px/5)) calc(20% - (40px/5)) calc(20% - (40px/5)) calc(20% - (40px/5));
  row-gap:10px;
  column-gap:10px;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  margin-top:20px;
}
@media (max-width:767px){#quandi_new_tbody{ grid-template-columns:calc(33.3% - (20px/3)) calc(33.3% - (20px/3)) calc(33.3% - (20px/3));}}
@media (max-width:480px){#quandi_new_tbody{ grid-template-columns:calc(50% - (10px/2)) calc(50% - (10px/2));}}
a.new_tb{
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  text-align:center;
  margin:5px;
}
.new_name{
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:auto;
  text-align:center;
}
.new_pic{
  width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	margin:auto;
	position:relative;
	padding-bottom:100%;
	border:1px solid #ddd;
}