.content{
	background: #f1f1f1;;
}

.home-box {
	width: 1163px;
	margin: 0 auto;
	background: white;
}
.home-box .box{
	margin:0 5px;
}
.top1-line{
	height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top—1{
   width: 24px;
	height: 24px;
	margin: 0px 20px 0 40px;
}
.top1-line div{
	width: 145px;
	height: 1px;
	color: #e8e8e8;
	border-top: 1px solid;
}
.top1-line .top-title{
	margin-right:40px;
}
.box-head{
	height: 80px;
	line-height: 80px;
	display: flex;
	justify-content: space-between;

}
.box-head .left{
	display: flex;
	align-items: center;
}
.box-head .right{
	color: #c5c7c4;
	margin-right: 40px;
	font-size:16px;

}
.box-head .left div:first-child{
	width: 3px;
	height: 25px;
	background: blue;
}
.box-head .left h3{
	margin:0 20px;
	font-size:18px;
}
.box-head .left span:last-child{
	color: #ff956b;
	font-size:16px;
}
.box-head.left .more{
	color: #ff956b;
	font-size: 14px;
}
.box-head.right span{
	margin: 0 6px;
}
.box1-content{
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
}
.box1-content>div{
	height: 180px;
	width: 270px;
	padding: 7px;
	border:2px solid #e2e2e2;
}
.box1-content>div>div{
	width: 100%;
	height: 100%;
	border: 2px solid #e2e2e2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.box1-content>div>div img{
	width: 130px;
	height: 140px;
}
.box1-content .info{
	width: 120px;
	margin-left: 6px;
	word-wrap: break-word;
}
.box2{
	background: #f9f9f9;
}
.box2 .box2-head, .box3 .box3-head,.box-head-base{
   width: auto;
   height: auto;
   line-height: inherit;
   padding:10px 0;
}
.box2 .box2-content{
	margin-right: 40px;
	border-top: 2px solid #e7e7e7;
	display: flex;
	padding-top: 10px;
	justify-content: space-between;
}
.box2 .box2-content .left{
	width: 915px;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
}
.box2 .box2-content .left>div{
	width:213px;
	margin-bottom:10px;
}
.box2-content .left>div{
	margin-left: 20px;
}
.box2-content .left div:nth-child(4n+1){
	margin-left:0;
}
.box2-content .left img{
	width: 100%;
}
.box2-content .left .item div{
	margin:5px;
}
.box2-content .left .item div:last-child{
   color: #999;
}
.box2-content .right .shunxu{
	display: inline-block;
	color: white;
	width: 15px;
	text-align: center;
	background: #bababa;
}
.box2-content .right .first{
	background: #f04402;
}
.box2-content .right .two{
	background: #fc7112;
}
.box2-content .right .three{
	background: #fc9400;
}
.box2-content .right .pro-img{
	margin-top:10px;
	text-align: center;
}
.box2-content .right{
	font-size: 12px;
}
.box2-content .right>div{
	margin-bottom: 20px;
}
.box3-content,.box-content-base{
	border-top: 2px solid #e7e7e7;
	display: flex;
	padding-top: 10px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.box3-content>div{
	width: 374px;
	height: 200px;
	border: 1px solid #e7e7e7;
	margin-bottom: 20px;
}
.box3-content .head{
	display: flex;
	justify-content: space-between;
	margin: 17px 10px 15px 10px;
	align-items:center;
}
.box3-content .head span{
	font-weight:800;
}
.box3-content .head a{
	margin-left: 190px;
	color: #ff775f;
}
.box3-content .info{
	font-size: 14px;
	margin-left:10px;
}
.box3-content .info span{
	display: inline-block;
	padding:5px;
	border:1px solid #e7e7e7;
	margin-right: 10px;
	margin-bottom: 10px;
}

.box4-content div{ width:278px;}
.box4 .box4-content .info{
	margin-left: 5px;text-align: center;
    padding: 10px 0px;
}
.box4 .box4-content .type{
	font-size: 14px;
	margin:10px 0;
}
.box4 .box4-content .type span:first-child{
	color: #999;
}
.box4 .box4-content .type span:last-child{
	color: #8fc4f0;
}

.box4-content img{width:254px !important;
 height:127px !important; text-align:center}
 
.box4 .box4-content .info div:first-child {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.box2-content .left .text_margin{
    margin-top:5px;
}