/****************************************更多的hover效果******************************************/
/*------------------更多一--------------*/
.zbl-more-1{ position: relative;}
.zbl-more-1 a{display: block; width: 100%; height: 100%;}
.zbl-more-1 .k{ background: #ccc; position: absolute;top: 0;left: 0; width:0px; height: 100%; transition:0.4s;}
.zbl-more-1:hover .k{ width: 100%;}
.zbl-more-1:hover .z{ color: #fff;}
/*------------------更多二--------------*/
.zbl-more-2{text-align:center;overflow:hidden; position: relative;}
.zbl-more-2:hover .k1{ position:absolute;animation:moreleft 0.5s; -webkit-animation: moreleft 0.5s; z-index:1;animation-fill-mode:forwards;background:#f48732; }
.zbl-more-2:hover .k2{ position:absolute;animation:moreright 0.5s; -webkit-animation: moreright 0.5s; z-index:1;animation-fill-mode:forwards ;background:#f48732;}
@keyframes moreleft{
	0%{  border-radius:50%;width:20%; height:80%; top:10%; left:0%;}
	40%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}
	50%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}
	100%{  width:100%; height:100%; top:0; left:0;background:#de5a08;}
	}
@keyframes moreright{
	0%{  border-radius:50%;width:20%; height:80%; top:10%;right:0%;}
	40%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}
	50%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}
	100%{  width:100%; height:100%;top:0;right:0;background:#de5a08;}
	}
/**********************************************移动端***********************************************/
.zbl-ph-2{width:100%;overflow:hidden}
.zbl-ph-2 li{float:left;box-sizing: border-box;}
/*----------------------------------------排列二----------------------------------------*/
.zbl-ph-2 li{  width:50%; margin-top: 10px;}
.zbl-ph-2 li:nth-child(1){margin-top: 0;}
.zbl-ph-2 li:nth-child(2n-1){ padding-right:5px;}
.zbl-ph-2 li:nth-child(2n){ padding-left:5px;}
@media (max-width:480px) {
	.zbl-ph-2 li{width:100%; padding:0 !important;float: none;}
	}
/****************************************正常排列块2~6******************************************/
.zbl-pc-grid-2,.zbl-pc-grid-3,.zbl-pc-grid-4,.zbl-pc-grid-5,.zbl-pc-grid-6{width:100%;overflow:hidden;font-size: 0;}
.zbl-pc-grid-2 li,.zbl-pc-grid-3 li,.zbl-pc-grid-4 li,.zbl-pc-grid-5 li,.zbl-pc-grid-6 li{display:inline-block;box-sizing: border-box;font-size: 14px;}
/*----------------------------------------排列二----------------------------------------*/
.zbl-pc-grid-2 li{width:50%;}
@media (max-width:640px) {
	.zbl-pc-grid-2 li{width:100%;}
}
/*----------------------------------------排列三----------------------------------------*/
.zbl-pc-grid-3 li{width:33.33%;}
@media (max-width:640px) {
	.zbl-pc-grid-3 li{width:50%;}
}
@media (max-width:640px) {
	.zbl-pc-grid-3 li{width:100%;}
}
/*----------------------------------------排列四----------------------------------------*/
.zbl-pc-grid-4 li{width:25%;}
@media (max-width:980px) {
	.zbl-pc-grid-4 li{width:33.33%;}
}
@media (max-width:640px) {
	.zbl-pc-grid-4 li{width:50%;}
}
@media (max-width:480px) {
	.zbl-pc-grid-4 li{width:100%;}
}
/*----------------------------------------排列五----------------------------------------*/
.zbl-pc-grid-5 li{width:20%;}
@media (max-width:980px) {
	.zbl-pc-grid-5 li{width:25%;}
}
@media (max-width:768px) {
	.zbl-pc-grid-5 li{width:33.33%;}
}
@media (max-width:640px) {
	.zbl-pc-grid-5 li{width:50%;}
}
@media (max-width:480px) {
	.zbl-pc-grid-5 li{width:100%;}
}
/*----------------------------------------排列六----------------------------------------*/
.zbl-pc-grid-6 li{width:16.66%;}
@media (max-width:980px) {
	.zbl-pc-grid-6 li{width:20%;}
}
@media (max-width:800px) {
	.zbl-pc-grid-6 li{width:25%;}
}
@media (max-width:768px) {
	.zbl-pc-grid-6 li{width:33.33%;}
}
@media (max-width:640px) {
	.zbl-pc-grid-6 li{width:50%;}
}
@media (max-width:480px) {
	.zbl-pc-grid-6 li{width:100%;}
}
/****************************************有间距向左定向逐一减响应式布局排列(数量固定)3~6******************************************/
.zbl-pc-gd-3,.zbl-pc-gd-4,.zbl-pc-gd-5,.zbl-pc-gd-6{ width:100%;overflow:hidden}
.zbl-pc-gd-3 li,.zbl-pc-gd-4 li,.zbl-pc-gd-5 li,.zbl-pc-gd-6 li{float: left;box-sizing: border-box;}
/*----------------------------------------排列三----------------------------------------*/
.zbl-pc-gd-3 li{width:32%; margin-right:2%;}
.zbl-pc-gd-3 li:nth-child(3n){ margin-right:0}
@media (max-width:480px) {
	.zbl-pc-gd-3 li{width:100%;float: none;margin-top: 2%;}
	.zbl-pc-gd-3 li:nth-child(1){margin-top: 0;}
	}
/*----------------------------------------排列四----------------------------------------*/
.zbl-pc-gd-4 li{width:23.5%; margin-right:2%;}
.zbl-pc-gd-4 li:nth-child(4n){ margin-right:0}
@media (max-width:800px) {
	.zbl-pc-gd-4 li{width:49%;margin-top: 2%;}
	.zbl-pc-gd-4 li:nth-child(1){margin-top: 0;}
	.zbl-pc-gd-4 li:nth-child(2){margin-top: 0;}
	.zbl-pc-gd-4 li:nth-child(2n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pc-gd-4 li{width:100%;float: none;}
	.zbl-pc-gd-4 li:nth-child(2){margin-top:2%;}
	}
/*----------------------------------------排列五----------------------------------------*/
.zbl-pc-gd-5 li{ width:19.2%; margin-right:1%;margin-top:1%;}
.zbl-pc-gd-5 li:nth-child(5n){ margin-right:0}
@media (max-width:800px) {
	.zbl-pc-gd-5 li{width:32%; margin-right:2%;margin-top: 2%;}
	.zbl-pc-gd-5 li:nth-child(1){margin-top: 0;}
	.zbl-pc-gd-5 li:nth-child(2){margin-top: 0;}
	.zbl-pc-gd-5 li:nth-child(3){margin-top: 0;}
	.zbl-pc-gd-5 li:nth-child(5n){ margin-right:2%}
	.zbl-pc-gd-5 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pc-gd-5 li{width:49%;}
	.zbl-pc-gd-5 li:nth-child(3){margin-top:2%;}
	.zbl-pc-gd-5 li:nth-child(3n){ margin-right:2%}
	.zbl-pc-gd-5 li:nth-child(2n){ margin-right:0}
	}
@media (max-width:360px) {
		.zbl-pc-gd-5 li{width:100%; margin-right:0 !important;margin-top:2% !important}
		.zbl-pc-gd-5 li:nth-child(1){margin-top: 0 !important;}
	}
/*----------------------------------------排列六----------------------------------------*/
.zbl-pc-gd-6 li{width:16.25%;margin-right:0.5%;}
.zbl-pc-gd-6 li:nth-child(6n){ margin-right:0}
@media (max-width:800px) {
	.zbl-pc-gd-6 li{width:32%; margin-right:2%;margin-top: 2%;}
	.zbl-pc-gd-6 li:nth-child(1){margin-top: 0;}
	.zbl-pc-gd-6 li:nth-child(2){margin-top: 0;}
	.zbl-pc-gd-6 li:nth-child(3){margin-top: 0;}
	.zbl-pc-gd-6 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pc-gd-6 li{width:49%; margin-right:2%;}
	.zbl-pc-gd-6 li:nth-child(3){margin-top:2%;}
	.zbl-pc-gd-6 li:nth-child(3n){ margin-right:2%}
	.zbl-pc-gd-6 li:nth-child(2n){ margin-right:0}
	}
/****************************************有间距向左定向逐一减响应式布局排列（数量多）2~6******************************************/
.zbl-pc-pro-2,.zbl-pc-pro-3,.zbl-pc-pro-4,.zbl-pc-pro-5,.zbl-pc-pro-6{width: 100%;overflow: hidden;}
.zbl-pc-pro-2 li,.zbl-pc-pro-3 li,.zbl-pc-pro-4 li,.zbl-pc-pro-5 li,.zbl-pc-pro-6 li{box-sizing: border-box;float:left}	
/*----------------------------------------排列二----------------------------------------*/
.zbl-pc-pro-2 li{width:49%;margin-top:2%; margin-right:2%;}
.zbl-pc-pro-2 li:nth-child(1){margin-top: 0;}
.zbl-pc-pro-2 li:nth-child(2){margin-top: 0;}
.zbl-pc-pro-2 li:nth-child(2n){ margin-right:0}
@media (max-width:768px) {
	.zbl-pc-pro-2 li{float:none;width:100%; margin:10px auto !important}
	.zbl-pc-pro-2 li:first-child{margin-top: 0 !important;}
	.zbl-pc-pro-2 li:last-child{margin-bottom:0 !important;}
	}
/*----------------------------------------排列三----------------------------------------*/
.zbl-pc-pro-3 li{width:32%; margin-right:2%; margin-top:2%}
.zbl-pc-pro-3 li:nth-child(1){margin-top: 0;}
.zbl-pc-pro-3 li:nth-child(2){margin-top: 0;}
.zbl-pc-pro-3 li:nth-child(3){margin-top: 0;}
.zbl-pc-pro-3 li:nth-child(3n){ margin-right:0}
@media (max-width:980px) {
	.zbl-pc-pro-3 li{width:49%;}
	.zbl-pc-pro-3 li:nth-child(3n){ margin-right:2%}
	.zbl-pc-pro-3 li:nth-child(2n){ margin-right:0}
	.zbl-pc-pro-3 li:nth-child(3){margin-top:2%;}
	}
@media (max-width:480px) {
	.zbl-pc-pro-3{width:100%;margin:0 auto;}
	.zbl-pc-pro-3 li{float:none;width:100%;margin:10px auto !important}
	.zbl-pc-pro-3 li:first-child{margin-top: 0 !important;}
	.zbl-pc-pro-3 li:last-child{margin-bottom:0 !important;}
}
/*----------------------------------------排列四----------------------------------------*/
.zbl-pc-pro-4 li{width:23.5%; margin-right:2%; margin-top:2%}
.zbl-pc-pro-4 li:nth-child(1){margin-top: 0;}
.zbl-pc-pro-4 li:nth-child(2){margin-top: 0;}
.zbl-pc-pro-4 li:nth-child(3){margin-top: 0;}
.zbl-pc-pro-4 li:nth-child(4){margin-top: 0;}
.zbl-pc-pro-4 li:nth-child(4n){ margin-right:0}
@media (max-width:800px) {
	.zbl-pc-pro-4 li{width:32%;}
	.zbl-pc-pro-4 li:nth-child(4){margin-top:2%;}
	.zbl-pc-pro-4 li:nth-child(4n){ margin-right:2%}
	.zbl-pc-pro-4 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:640px) {
	.zbl-pc-pro-4 li{width:49%;}
	.zbl-pc-pro-4 li:nth-child(3){margin-top:2%;}
	.zbl-pc-pro-4 li:nth-child(3n){ margin-right:2%}
	.zbl-pc-pro-4 li:nth-child(2n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pc-pro-4 li{width:100%; margin:10px 0 !important}
	.zbl-pc-pro-4 li:first-child{margin-top: 0 !important;}
	.zbl-pc-pro-4 li:last-child{margin-bottom:0 !important;}
	}
/*----------------------------------------排列五----------------------------------------*/
.zbl-pc-pro-5 li{width:19.2%; margin-right:1%; margin-top:1%}
.zbl-pc-pro-5 li:nth-child(1){margin-top: 0;}
.zbl-pc-pro-5 li:nth-child(2){margin-top: 0;}
.zbl-pc-pro-5 li:nth-child(3){margin-top: 0;}
.zbl-pc-pro-5 li:nth-child(4){margin-top: 0;}
.zbl-pc-pro-5 li:nth-child(5){margin-top: 0;}
.zbl-pc-pro-5 li:nth-child(5n){ margin-right:0}
@media (max-width:980px) {
	.zbl-pc-pro-5 li{width:24.25%;}
	.zbl-pc-pro-5 li:nth-child(5){margin-top: 1%;}
	.zbl-pc-pro-5 li:nth-child(5n){ margin-right:1%}
	.zbl-pc-pro-5 li:nth-child(4n){ margin-right:0}
	}
@media (max-width:768px) {
	.zbl-pc-pro-5 li{width:32%; margin-right:2%;margin-top: 2%;}
	.zbl-pc-pro-5 li:nth-child(4){margin-top: 2%;}
	.zbl-pc-pro-5 li:nth-child(5){margin-top: 2%;}
	.zbl-pc-pro-5 li:nth-child(5n){ margin-right:2%}
	.zbl-pc-pro-5 li:nth-child(4n){ margin-right:2%}
	.zbl-pc-pro-5 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pc-pro-5 li{width:49%;margin-top: 2%;}
	.zbl-pc-pro-5 li:nth-child(3n){ margin-right:2%;margin-top: 2%;}
	.zbl-pc-pro-5 li:nth-child(2n){ margin-right:0}
	}
/*----------------------------------------排列六----------------------------------------*/
.zbl-pc-pro-6 li{width:16.25%;margin-top:0.5%;margin-right:0.5%;}
.zbl-pc-pro-6 li:nth-child(1){margin-top: 0;}
.zbl-pc-pro-6 li:nth-child(2){margin-top: 0;}
.zbl-pc-pro-6 li:nth-child(3){margin-top: 0;}
.zbl-pc-pro-6 li:nth-child(4){margin-top: 0;}
.zbl-pc-pro-6 li:nth-child(5){margin-top: 0;}
.zbl-pc-pro-6 li:nth-child(6){margin-top: 0;}
.zbl-pc-pro-6 li:nth-child(6n){ margin-right:0}
@media (max-width:980px) {
	.zbl-pc-pro-6 li{width:24.62%;}
	.zbl-pc-pro-6 li:nth-child(5){margin-top: 0.5%;}
	.zbl-pc-pro-6 li:nth-child(6){margin-top: 0.5%;}
	.zbl-pc-pro-6 li:nth-child(6n){ margin-right:0.5%}
	.zbl-pc-pro-6 li:nth-child(4n){ margin-right:0}
	}
@media (max-width:768px) {
	.zbl-pc-pro-6 li{width:33%;}
	.zbl-pc-pro-6 li:nth-child(4){margin-top: 0.5%;}
	.zbl-pc-pro-6 li:nth-child(4n){ margin-right:0.5%}
	.zbl-pc-pro-6 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pc-pro-6 li{width:49.5%; margin-top:1% !important;}
	.zbl-pc-pro-6 li:nth-child(1){ margin-top:0 !important;}
	.zbl-pc-pro-6 li:nth-child(2){ margin-top:0 !important;}
	.zbl-pc-pro-6 li:nth-child(2n-1){ margin-right:1%}
	.zbl-pc-pro-6 li:nth-child(2n){ margin-right:0}
	}