.ba_list{
	width: 1200px;
	margin:0 auto;
	margin-top: 34px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 77px;
}
.ba_list_left_top{
	width: 225px;
	padding-bottom: 10px;
	background: #e0eaeb;
	padding-top: 5px;
}
.ba_list_left_top li{
cursor:pointer;
}
.left_top_tilte{
	width: 217px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin:  0 auto;
	font-size: 20px;
	color: #333;
	border: 1px solid #fff;
	border-top: 1px solid #ACACAC;
}
.left_top_list{
	width: 210px;
	height: 29px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	align-items: center;
	background: url(../img/classfilys.png) no-repeat;
	background-size: 100%;
	border-radius: 5px;
	margin-top: 15px;
}
.left_top_list a{
	font-size: 14px;
	color:#fff;
	margin-left: 17px;
}
.left_top_list img{
	width: 13px;
	height: 13px;
	margin-right: 9px;
}
.ba_list_left_bottom{
	width: 225px;
	height: 241px;
	margin-top: 15px;
	background: #333;
	display: flex;
	align-items: center;
}
.left_bottom_conter{
	width: 200px;
	height: 220px;
	border:1px solid #fff;
	color: #fff;
	font-size: 12px;
	margin:  0 auto;
}
.left_bottom_conter p:nth-child(1){
	margin: 15px 0 0 15px;
}
.left_bottom_conter p:nth-child(2){
	margin: 9px 0 0 15px;
}
.left_bottom_conter p:nth-child(3){
	margin: 24px 0 0 15px;
}
.left_bottom_conter p:nth-child(4){
	margin: 18px 0 0 15px;
}
.left_bottom_conter p:nth-child(5){
	margin: 18px 0 0 15px;
}
.left_bottom_conter p:nth-child(6){
	margin: 18px 10px 0 15px; line-height:25px;
}
/*右边
 */
.ba_list-right{
	width: 917px;
}
.ba_list-right_title{
	width: 917px;
	height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ba_list-right_title p{
	color: #344b58;
	font-size: 18px;
	text-indent:.5em;
	font-weight: 500;
}
.mianbao a{
	font-size: 12px;
	color: #666;
}
.borderimg{
	width: 100%;
	height: 9px;
	background: url(../img/border.png);
	background-size: 100%;
	margin-bottom: 25px;
}
.img_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.img_list li{
	width: 263px;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
#nav-main-dropdown{
	height: 85px !important;
}
.img_list li img{
	width: 100%;
height: 198px;
	margin-bottom: 15px;
	border-radius: 3px;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.img_list li img:hover{
	transform: scale(1.05);/*鼠标放上之后元素变成1.4倍大小*/
}
.img_list li a{
	text-align: center;
	font-size: 14px;
	color: #333;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
}
/*分页*/
.paging{
 width: 440px;
 display: flex;
 align-items: center;	
 margin: 0 auto;
}
.paging a{
	color: #666;
	font-size: 12px;
	display: block;
}
.paging input{
	width: 37px;
	height: 24px;
	text-align: center;
	/*padding-left: 13px;*/
}
.paging img{
	width: 15px;
	height: 10px;
}
.page{
	display: flex;
	align-items: center;
}
.pages{
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}
.paging  .pageactive{
	background: linear-gradient(#009ead,#008a97);
	color: #fff;
}
.paging span{
color: #666;
font-size: 12px;
}

/*产品列表下面的热门产品以及推荐新闻*/
/*pro*/
.RandomNews { border: 1px solid #eaeaea; padding-bottom:10px; margin-bottom:15px;min-height: 61px}
.diysr { border-top: 3px solid #337ac5; height:52px; line-height:52px; border-top:3px solid #eaeaea; padding:0 20px 0 17px; color: #007FA3; font-family: "Microsoft YaHei", "微软雅黑"; font-size: 16px; font-weight: bold; padding-right: 5px}
.diysr .line { border-top: 1px dotted #9a9a9a; font-size:0; height:0; margin-right: 10px; overflow:hidden}
.diysr i { font-size:10px; font-family:arial; font-weight:normal; text-transform:uppercase; font-style:normal; padding-left:5px; color: #999}
.news_random { margin: 0 8px; overflow:hidden}
.news_random ul { padding-top:20px; display:block; width:854px}
.news_random ul li { height:28px; line-height:28px; padding:0 57px 0 10px; width:397px; float:left; overflow:hidden}
.news_random ul li a { background:url("../images/ico55.gif") no-repeat 0 4px; padding-left:12px}
.hot_pro { float:left; overflow:hidden; width: 255px; padding:10px 34px 0 10px;}
.hot_pro img{width:260px; height:195px; border:0px solid #f1f1f1; padding:5px; transition:all 0.3s}
.hot_pro:hover img{ border-color:#EBDF97; opacity:0.7}
.hot_name{ margin-top:3px; height:30px; width:255px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; text-align:center}
.hot_name a{ color:#4c4c4c;font-size:14px}
/*news*/
.new-s dl{width: 732px;margin: 0 auto;padding-top:25px;height:194px}
.new-s dl dt {height:180px;width: 297px;float: left;position: relative;border-bottom: 1px solid #e2e2e2}
.new-s dl dt img{width: 300px;height: 162px}
.new-s dl dt p{background:url("../images/new_03.png") no-repeat;width: 296px;height: 28px;display: inline-block;position: absolute;top:132px;left:2px;font: 14px 'Microsoft  YaHei';color: #fff;text-align: center;line-height: 28px}
.new-s dl dd{width: 405px;float: right;height:180px;border-bottom: 1px solid #e2e2e2; position:relative}
.new-s dl dd p{color: #353e47;font-size: 16px;font-weight: bold;margin-bottom:8px; line-height:25px}
.new-s dl dd span{font-size: 14px ;color: #353e47;display:inline-block;width: 405px;line-height: 28px; height:112px; overflow:hidden}
.new-s dl dd a{display: inline-block;font: 12px 'Microsoft YaHei','微软雅黑';color: #fd8d00; float:right; position:absolute; bottom:15px; right:5px}
.news_random ul li a{ color:#353e47;padding-top:2px}
.news_random ul{ padding-top:0; margin:0 auto}
.news_random ul li{width:397px; padding:0; font-size:12px}
.news_random ul li.fr{ float:right}
.fl { float:left}
.fr { float:right}