.ki_product_container{ padding:0 160px ; margin-bottom:120px; text-align:center;}
div#scrollPic ul{ display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */display:-webkit-flex; /* Chrome */display:-moz-box;     /* Firefox 19 */display:-ms-flexbox;display:flex;  /*flex容器*/
		-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;-o-flex-wrap: wrap; flex-wrap: wrap;
box-pack:start;-webkit-box-pack: start;-moz-box-pack:start;-ms-flex-pack:start;
 justify-content:flex-start; box-align:start; -webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;
align-items:flex-start;}
div#scrollPic ul:after,div#scrollPic ul:before{ display:none;}
div#scrollPic ul li{width:25%; text-align: center; padding-bottom:3.125vw; border-bottom:1px solid #eee; margin-top:3.125vw; position:relative;}
div#scrollPic li a{ display:block; width:calc(100% - 1.5625vw); margin:0 auto; border:2px solid rgba(0,0,0,0.0);padding: 2vw 0;display: block;}
.picimg{ width:100%;}
div#scrollPic li .picimg{ position: relative;}
div#scrollPic li a img{ display:block; max-height:100%; margin: auto;max-width: 80%;    position: absolute;
    top: 50%;
    display: block;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
div#scrollPic li a span{ display:none;}
div#scrollPic  li h3{ font-size:16px; color:#333333; line-height:2.448vw; padding:0 15px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
  box-sizing: border-box;
  position: relative;
}
.ClassList_b3 a {
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: auto;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    padding: 0 15px;
}
.ClassList_b3 {
    text-align: center;
    margin-bottom: 0;
}
.ClassList_b3 li {
    margin-bottom: 0;
}
.ClassList_b3 li:last-child {
    margin-right: 0;
}
/*页码*/
.page{font-size:14px;display:inline-block;padding: 32px 0 0;width:  100%;background:  #fff;position:  relative;margin-top:  -1px;}
.page a{ display:inline-block; padding:0 20px;  line-height:40px;  background:#fff;border:#ccc solid 1px; text-align:center; margin-right:10px; color:#666666;}
.page span{display:inline-block; padding:0 20px;  line-height:40px; border:#e3e3e3 solid 1px; color:#aaa; background:#fff; text-align:center; margin-right:10px; color:#666666 ;}
.page span.cur{ background:#FFEB46; color:#DA251C;border:#FFEB46 solid 1px;}
.pageinfo{ display:none;}
.conT{ font-size:24px; color:#FFEB46;font-family:"微软雅黑";}	



@media (min-width:721px){
	div#scrollPic li:hover{ }
	div#scrollPic li:hover a{border:2px solid #FFEB47;box-shadow: 0px 3px 21px 0px rgba(196, 134, 0, 0.25);}
	div#scrollPic li:hover a h3::after{
	content: "";
	width: 70%;
	height: 1px;
	background-color: #DA251C;
	position: absolute;
	left: 50%;
	margin-left: -35%;
	bottom: 0;
}
	.ClassList_b3 li.on a {
	    border-color: #FFEB46;
	    color: #DA251C;
	}
	.ClassList_b3 a:hover {
	    border-color: #FFEB46;
	    color: #DA251C;
	}
	
	}
@media (min-width:1200px){
	a#load_more_button{ display:none;}

}
@media (max-width:1580px){
	.ki_product_container{ padding:0 100px ; margin-bottom:100px;}	
	}
@media (max-width:1200px){
	div#scrollPic ul li{ width:calc(100% / 3);}
	div#scrollPic li h3{ font-size:14px;}
	.page{ display:none;}
	a#load_more_button{display:inline-block;width: 180px;height: 52px;line-height: 52px;font-size: 16px;background: #FFEB46;color:#333; margin:50px 0 0;}
	.ki_more{ width:100%; background: #fff; position:relative; top:-2px;}
	}
@media (max-width:960px){
		/* div#scrollPic ul li{ width:calc(100% / 2);} */
	}
@media (max-width:720px){
		.ki_product_container{ padding:0 4% ; margin-bottom:11vw;}	
div#scrollPic ul li{ width:calc(100% / 2);margin-top:5.55vw; padding-bottom:5.55vw;}
div#scrollPic li h3{ line-height:24px;}
a#load_more_button{height: 48px;line-height: 48px;font-size: 14px;margin:6.94vw 0 0;}

.ClassList_b3 {
	display: block;
width: 100%;
	text-align: left;
	margin-top: 3vw;
}
.ClassList_b3 ul {
display: block;
width: 100%;
white-space:nowrap;
overflow-x: scroll;
}
.ClassList_b3 li {
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}
	}



























