.ki_color_container{ padding:0 160px;display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		  box-pack:justify;
		-webkit-box-pack: justify;
		-moz-box-pack:justify;
		-ms-flex-pack:justify;
		   justify-content:space-between; 
		   
		   box-align:start; 
		-webkit-box-align:start;
		-moz-box-align:start;
		-ms-flex-align:start;
		   align-items:flex-start; margin-bottom:120px;}
.kic_nav{ width:300px; overflow:hidden;}
.ki_color_list{ width:calc(100% - 380px); overflow:hidden; text-align:center;}
h3.kic_nav_title { padding-left:30px; height:  90px;font-size:  24px;font-weight:  bold;color:  #fff;background: url(../images/kic_nav.png) no-repeat center;background-size:cover;/* line-height:90px; */

		display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		display:-webkit-flex; /* Chrome */
		display:-moz-box;     /* Firefox 19 */
		display:-ms-flexbox;   
		display:flex;  /*flex容器*/
		
		box-pack:start;
		-webkit-box-pack: start;
		-moz-box-pack:start;
		-ms-flex-pack:start;justify-content: flex-start;
		
		box-align:center; 
		-webkit-box-align:center;
		-moz-box-align:center;
		-ms-flex-align:center;align-items:  center;}
h3.kic_nav_title span{ margin-left:10px;}
.ClassList_b4 { border:1px solid #dddddd; }
.ClassList_b4 a { text-transform: capitalize; z-index: 1; border-bottom: 1px solid #ddd; display: block; color: #333333; font-size: 14px;position: relative;padding: 20px 30px; }
.ClassList_b4 a:after{ content:'';   width:17px; height:17px; border:1px solid #dfdfdf; border-radius:100%; background: url(../images/color_nav2.png) no-repeat center;
 position:absolute; top:50%; margin-top:-9px; right:30px; transition: all 1s ease 0s;}
.ClassList_b4 li:first-child a { /*border: none;*/}
.ClassList_b4 li.on a:after{content:'';   width:17px; height:17px; border:1px solid #dfdfdf; border-radius:100%; background:#008B47 url(../images/color_nav.png) no-repeat center;
 position:absolute; top:50%; margin-top:-9px; right:30px }
.ClassList_b4 li.on a {color:#008b47;}


.PhotoList_i1 { padding:0;}
.PhotoList_i1>ul.clearfix:after{ display: none;}
.PhotoList_i1>ul.clearfix:before{ display:none;}
.PhotoList_i1>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容器*/
		  
		  box-pack:start;
		-webkit-box-pack: start;
		-moz-box-pack:start;
		-ms-flex-pack:start; justify-content: flex-start; 
		
		-webkit-flex-wrap: wrap;
		  -moz-flex-wrap: wrap;
		  -ms-flex-wrap: wrap;
		  -o-flex-wrap: wrap;
		flex-wrap:wrap;}
.PhotoList_i1 li{ background: #F5F5F5;border:solid #ddd 1px;}
.PhotoList_i1 li span{ font-size:14px; line-height:70px; text-align:center; height:70px;background: #FFFFFF; padding:0 10px;
 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; transition:background 0.6s ease 0s; 
 }
.PhotoList_i1 li a{position:relative;display:block;text-align: center;overflow: hidden; background:none; padding:15px; transition:all 1s ease 0s ;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);vertical-align: middle; display: inline-block; max-width:100%; }
.PhotoList_i1 li a h4{display:none;}


.page{  font-size:14px;display:inline-block; margin:30px 0 0;}
.page a{ display:block; padding:0 20px;  line-height:40px; float:left; background:#fff;border:#ccc solid 1px; text-align:center; margin-right:10px; color:#666666;}
.page span{display:block; padding:0 20px;  line-height:40px; float:left; border:#e3e3e3 solid 1px; color:#aaa; background:#fff; text-align:center; margin-right:10px; color:#666666 ;}
.page span.cur{ background:#008b47; color:#fff;border:#008b47 solid 1px;}
.pageinfo{ display:none;}
.conT{ font-size:24px; color:#008b47;font-family:"微软雅黑";}	


.mob_color_nav{min-width: 31.25vw;padding:0 20px;height: 60px;line-height: 60px;font-size:14px;color:#FFFFFF;
background: #008B47;position:relative;margin-bottom: 40px;}
.mob_color_nav:after{content:'';position:absolute;top: 50%;line-height: 1;right:20px;width: 10px;height: 10px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;margin-top: -10px;transform: rotate(45deg);}

@media only screen and (min-width:1366px){
.PhotoList_i1 li{ margin-bottom:35px; margin-right:30px;	width: 20%;}
.PhotoList_i1 li:nth-of-type(4n){ margin-right:0;}
	}
	
@media (min-width:721px) and (max-width:1366px){
	.PhotoList_i1 li{ margin-bottom:35px; margin-right:30px;	width:calc((100% - 34px) / 2);}
.PhotoList_i1 li:nth-of-type(2n){ margin-right:0;}
	
	}	
@media (min-width:1025px){
	.mob_color_nav{ display:none;}
	
	}	
	
@media (min-width:800px){
#load_more_button{ display:none;}
	}
@media (min-width:721px){
	.PhotoList_i1 li:hover{  border:1px solid #28468C}
	.PhotoList_i1 li:hover span{ color:#fff; background: #008B47;}
	.PhotoList_i1 li:hover a img{transform: scale(1.15);transition: all 1s ease 0s;-webkit-transform: scale(1.15);-webkit-transform: all 1s ease 0s;}

	.ClassList_b4 a:hover {color:#28468C;}	
	.ClassList_b4 li a:hover:after{content:'';   width:17px; height:17px; border:1px solid #dfdfdf; border-radius:100%; background:#28468C url(../images/color_nav.png) no-repeat center;
 position:absolute; top:50%; margin-top:-9px; right:30px;}
 
	}

@media (min-width:721px) and (max-width:1024px){
.PhotoList_i1 li{ width:calc((100% - 24px) / 2 );  margin-right:20px; margin-bottom:24px;}
.PhotoList_i1 li:nth-of-type(2n){ margin-right:0;}
	}

@media (max-width:1580px){
	.ki_color_container{ padding:0 100px;}
	}	
	
@media only screen and (max-width: 1200px){
.ki_color_container{ margin-bottom:100px;}
.ki_color_list{width: calc(100% - 300px);}
.kic_nav{ width:260px;}
.ClassList_b4 a{ padding:15px 30px;}
h3.kic_nav_title { height:  70px;}
.PhotoList_i1 li span{ height:48px ; line-height:48px;}

.page a{padding:0 15px;}
.page span{padding:0 15px;}
	}

@media (max-width:1024px){
.ki_color_container{ -webkit-flex-wrap: wrap;
		  -moz-flex-wrap: wrap;
		  -ms-flex-wrap: wrap;
		  -o-flex-wrap: wrap;
		  flex-wrap: wrap;
		  
		   box-pack:center;
		-webkit-box-pack: center;
		-moz-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;}
h3.kic_nav_title{ display:none;}
.kic_nav{/*display:none;*/position: absolute;top:60px;background:  #f5f5f5;left:0;min-width:calc(31.25vw + 40px);z-index:  2;}
.ki_color_nav{ position:relative;}

.ki_color_list{width:100%;}

.page{ display:none;}
a#load_more_button{display:inline-block;width: 180px;height: 52px;line-height: 52px;font-size: 16px;background: #008B47;color:#FFFFFF; margin: 30px 0 0;}

	}	
	
@media (max-width:720px){
.ki_color_container{ margin-bottom:11vw; padding: 0 4%;}	

.PhotoList_i1 li{ width:calc((100% - 24px) / 2 );  margin-right:20px; margin-bottom:24px;}
.PhotoList_i1 li:nth-of-type(2n){ margin-right:0;}

.ki_color_nav{ width:100%;}
.kic_nav{ width:100%;}
.mob_color_nav{ height:48px; line-height:48px; margin-bottom:5.55vw;}
.PhotoList_i1 li span{height: 36px;line-height: 36px;}
	
a#load_more_button{width: 120px;height: 48px;line-height: 48px;font-size: 14px;margin: 2.7vw 0 0;}

	}




.list_dt{
    color: #333;
		padding: 0 40px 0 20px;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		position: relative;
		border-bottom: 1px solid #ddd;
}
.list_dt:hover{
    background: #f7f7f7;
}
.list_dt:hover ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}
#open{
    background: #f7f7f7;
}
#open ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}
.list_dt_icon{
    position: absolute;
    right: 10px;
    top:16px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/off.png") no-repeat;
}
#open .list_dt_icon{
    background: url("../images/open.png") no-repeat;
}
.list_dd{
    display: none;
}
.list_li{
    
    list-style-type: none;
    color: #434343;
   
    height: 48px;
		line-height: 48px;
    cursor: pointer;
    
}
.list_li a{
	padding: 0;
	padding-left: 20px;
}
.list_li:hover{
    background: #EAEAEA;
}



.productshow .pro_tit h3{
	text-align: center;
	line-height: 60px;
	font-size: 18px;
}
/*多图*/
.bnspic a{display:block;}
.big_pic, .small_pic{float:left;}
.big_pic, .big_pic a, .big_pic img{width: 480px;

height: 640px;border: 1px solid #B9B9B9;}
.big_pic img,.big_pic a{
	border: none;
}
.big_pic{overflow:hidden;position:relative;}
.big_pic li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.2s;}
.big_pic .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_pic a{position:relative;}
.big_pic .txt{width:290px;height:46px;line-height:46px;display:block;position:absolute;bottom:0;left:0;color:#BDBDBD;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);transition:all ease .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.big_pic a:hover .txt{color:#FFFFFF;}
.small_pic{width:319px;position:relative;left:1px;}
.small_pic a, .small_pic img{width:90px;height:106px;}
.small_pic a{padding:1px;background:#121013;transition:all ease .2s;}
.small_pic .on, .small_pic li:hover{position:relative;z-index:1;}
.small_pic .on a{background:#FACC16;}
.small_pic li{width:94px;height:110px;margin:-1px 0 0 -1px;float:left;}
.pro_detail h4{
	background: #28468C;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
}
.pro_detail .pro_kuang{
	border:1px solid #ccc;
	width: 100%;
	min-height: 200px;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.pro_detail .pro_kuang p{
	color: #404040;
	line-height: 30px;
	font-size: 14px;
}

.ki_color_nav{
	box-shadow: 0 20px 20px #d7d7d7;
	-webkit-box-shadow: 0 20px 20px #d7d7d7;
	-moz-box-shadow: 0 20px 20px #d7d7d7;
	-o-box-shadow: 0 20px 20px #d7d7d7;
}