header{
	background:#fff;
	padding:12px 12px 6px 12px;
	box-shadow:0 4px 4px rgba(0,0,0,.02);
}
header .top{
	align-items:center;
}

header .logo{
	width:40%;
}
header .search{
	background:url(../images/search.png) #f6f6f6 14px center no-repeat;
	background-size:20px;
	border-radius:20px;
	padding:2px 10px 2px 40px;
}
header .search input{
	line-height:30px;
	background:none;
}

.banner-menu{
	background:#fff;
	padding:0 12px 12px;
}
.banner{
	border-radius:10px;
}
.top-menu{
	margin-top:20px;
}
.top-menu li{
	text-align: center;
	margin:0 15px;
}
.top-menu li p{
	color:#7d7d7d;
	font-size:14px;
	margin:4px 0 0 0;
}


.topic-title{
	align-items:center;
	margin-top:15px;
	padding:0 12px;
}
.topic-title h2{
	position: relative;
	color:#f39800;
	font-size:16px;
	padding-left:16px;
	font-weight:bold;
}
.topic-title h2::after{
	content: '';
	position: absolute;
	left:0;
	top:50%;
	width:6px;
	height:20px;
	margin-top:-10px;
	background:#f39800;
}
.topic-title a{
	display: inline-block;
	width:20px;
	height:20px;
	background:url(../images/arrow.png) center center no-repeat;
	background-size:12px;
}

.recommend-comp{
	overflow: hidden;
}
.recommend-comp .swiper-company{
	margin:12px 12px 0 12px;
	padding-right:30px;
}
.recommend-comp li{
}
.recommend-comp li a{
	display: block;
	padding:15px 20px;
	width:calc(100% - 40px);
	background:#fff;
	border-radius:10px;
	border:1px solid #aaa;
}
.recommend-comp .it img{
	width:35px;
	height:35px;
	border-radius:100px;
	padding:10px;
	border:1px solid #aaa;
	margin-right:10px;
}
.recommend-comp .it h2{
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.recommend-comp .it p{
	font-size:12px;
	color:#000;
	margin:2px 0;
	white-space: nowrap;
}
.recommend-comp .it span{
	font-size:10px;
	color:#999;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend-comp .pro{
	margin-top:15px;
}
.recommend-comp .pro img{
	width:calc((100% - 20px) / 3);
	margin-right:10px;
	height:68px;
}
.recommend-comp .pro img:last-child{
	margin-right:0;
}


.recommend-supplier{
	
}
.recommend-industry .industry,
.recommend-supplier ul{
	background:#fff;
	padding:12px;
	margin-top:10px;
}
.recommend-supplier li{
	margin-right:12px;
	margin-bottom:12px;
	border:2px solid rgb(171,171,171);
	border-radius:12px;
	overflow: hidden;
}
.recommend-supplier li:nth-child(even){
	margin-right:0;
}
.recommend-supplier li h3{
	background-image: -moz-linear-gradient( -180deg, rgb(171,171,171) 0%, rgb(124,124,124) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(171,171,171) 0%, rgb(124,124,124) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(171,171,171) 0%, rgb(124,124,124) 100%);
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:6px 4px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommend-supplier .compinfo img{
	width:50px;
	height:50px;
}

.recommend-supplier .compinfo .names{
	flex:0 0 calc(100% - 50px);
	text-align: center;
}
.recommend-supplier .compinfo .names b{
	color:#000;
	font-weight:bold;
}
.recommend-supplier .compinfo .names p{
	color:#000;
	font-size:12px;
}

.recommend-industry .proads{
	flex:0 0 calc(50% - 12px);
	margin-right:12px;
}
.recommend-industry .comp{
	flex:0 0 50%;
	font-size:12px;
}
.recommend-industry .pros{
	margin:4px 0 0 0;
}
.recommend-industry .pros li{
	margin:6px;
}
.recommend-industry .pros li p{
	font-size:14px;
	text-align: center;
	color:#999;
}
.recommend-industry .compname img{
	
}
.recommend-industry .compname p{

}
.recommend-industry .comp .words{
	font-size:12px;

}

.bottom-bar{
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	background:#fff;
	z-index:999;
}
.bottom-bar ul{
	align-items:center;
}
.bottom-bar li{
	flex:0 0 25%;
	text-align:center;
	position: relative;
}
.bottom-bar li.newnews::after{
	content:'';
	position: absolute;
	right:30px;
	top:-2px;
	width:10px;
	height:10px;
	background:#e72528;
	border:2px solid #fff;
	border-radius:10px;
}
.bottom-bar li i{
	display: inline-block;
	width:80%;
	height:30px;
}
.bottom-bar li p{
	font-size:12px;
	color:#666;
}
.bottom-bar li.active i{
	display: inline-block;
	width:80%;
	height:60px;
}
.bottom-bar li.bar-1 i{
	background:url(../images/bar-1.png) center center no-repeat;
	background-size:30px;
}
.bottom-bar li.bar-2 i{
	background:url(../images/bar-2.png) center center no-repeat;
	background-size:30px;
}
.bottom-bar li.bar-3 i{
	background:url(../images/bar-3.png) center center no-repeat;
	background-size:30px;
}
.bottom-bar li.bar-4 i{
	background:url(../images/bar-4.png) center center no-repeat;
	background-size:30px;
}
.bottom-bar li.active.bar-1 i{
	background:url(../images/bar-1-active.png) center center no-repeat;
	background-size:50px;
}
.bottom-bar li.active.bar-2 i{
	background:url(../images/bar-2-active.png) center center no-repeat;
	background-size:50px;
}
.bottom-bar li.active.bar-3 i{
	background:url(../images/bar-3-active.png) center center no-repeat;
	background-size:50px;
}
.bottom-bar li.active.bar-4 i{
	background:url(../images/bar-4-active.png) center center no-repeat;
	background-size:50px;
}
.bottom-bar li.active p{
	display: none;
}