/*---------------------------------------------------------lunbo one--------------------------------------------------------*/
.zbl-lunbo{ width: 1200px;position: relative;margin:0px auto;}
.zbl-lunbo .lunbo-box{width: 1130px; margin: 0 auto;overflow: hidden;}
.zbl-lunbo ul li{float: left; width:350px; margin-right:40px;box-sizing: border-box;}
.zbl-lunbo ul li .img-box{width: 100%;border: 1px solid #ccc;box-sizing: border-box;}
.zbl-lunbo ul li .img-box img{display:block;width: 100%;}
.zbl-lunbo ul li .lingxing{ width: 10px; height: 10px;background:#46b035;transform: rotate(45deg); margin: 20px auto 0 auto;}
.zbl-lunbo ul li .tit-box{text-align: center;font-size: 18px; line-height: 50px;}
.zbl-lunbo .left{ width:24px; height:50px; background:#000; position: absolute;top:50%;margin-top: -25px;cursor: pointer;}
.zbl-lunbo .right{width:24px; height:50px; background:#000; position: absolute;top:50%;margin-top: -25px;cursor: pointer;}
/*---------------------------------------------------------lunbo two--------------------------------------------------------*/
.zbl-lunbo-2{ overflow: hidden; width:354px; height:400px;position: relative; margin:0 auto ; padding-top: 10px;}
.zbl-lunbo-2 .lunbo-box{width:354px;height:340px;overflow: hidden; margin: auto;}
.zbl-lunbo-2 ul li{width:354px; height: 70px;margin-bottom: 20px;}
.zbl-lunbo-2 ul li .img-box{width:48%; margin:0 1%;float:left;}
.zbl-lunbo-2 ul li .img-box img{display:block;width: 100%;}
.zbl-lunbo-2 ul li .tit-box{text-align: center;font-size: 18px; line-height: 50px;}
.zbl-lunbo-2 .left{ width:165px; height:35px; background:url(https://www.tavilaser.com/images/jt-top.jpg) no-repeat center; position: absolute;left: 0; bottom:0;left:0;cursor: pointer;}
.zbl-lunbo-2 .right{width:165px; height:35px; background:url(https://www.tavilaser.com/images/jt-bottom.jpg) no-repeat center; position: absolute;right: 0; bottom:0;right:0;cursor: pointer;}
/*---------------------------------------------------------pailie two--------------------------------------------------------*/
.zbl-hs-2{width:100%;overflow:hidden}
.zbl-hs-2 li{ float:left; width:50%; box-sizing: border-box; padding-bottom:10px;}
.zbl-hs-2 li:nth-child(2n-1){ padding-right:5px;}
.zbl-hs-2 li:nth-child(2n){ padding-left:5px;}
.zbl-hs-2 li img{ display:block; width:100%}
@media (max-width:480px) {
	.zbl-hs-2 li{width:100%; padding:0 !important;}
	}
/*---------------------------------------------------------pailie three--------------------------------------------------------*/
.zbl-hsc-3{width:100%;overflow:hidden; text-align: center;}
.zbl-hsc-3 li{display:inline-block;width:32%; box-sizing: border-box; padding-bottom:10px;}
.zbl-hsc-3 li img{ display:block; width:100%}
@media (max-width:480px) {
	.zbl-hsc-3 li{width:100%; padding:0 !important;}
	}
/*---------------------------------------------------------pro two--------------------------------------------------------*/
.zbl-pro-2{width:100%;overflow:hidden}
.zbl-pro-2 li{ float:left; width:49%; margin-right:2%; margin-bottom:20px}
.zbl-pro-2 li img{ display:block; width:100%}
.zbl-pro-2 li:nth-child(2n){ margin-right:0}
@media (max-width:800px) {
	.zbl-pro-2 li{width:100%; margin:10px 0 !important}
	}
/*---------------------------------------------------------pro three--------------------------------------------------------*/
.zbl-pro-3 { width:100%;overflow:hidden}
.zbl-pro-3 li{ float:left; width:32%; margin-right:2%; margin-top:2%}
.zbl-pro-3 li:nth-child(1){margin-top: 0;}
.zbl-pro-3 li:nth-child(2){margin-top: 0;}
.zbl-pro-3 li:nth-child(3){margin-top: 0;}
.zbl-pro-3 li img{ display:block; width:100%}
.zbl-pro-3 li:nth-child(3n){ margin-right:0}
@media (max-width:980px) {
	.zbl-pro-3 li{width:49%;}
	.zbl-pro-3 li:nth-child(3n){ margin-right:2%}
	.zbl-pro-3 li:nth-child(2n){ margin-right:0}
	.zbl-pro-3 li:nth-child(3){margin-top:2%;}
	}
@media (max-width:520px) {
	.zbl-pro-3{width:100%;margin:0 auto;}
	.zbl-pro-3 li{width:100%;margin:0 auto 10px auto !important}
	}
/*---------------------------------------------------------pro four--------------------------------------------------------*/
.zbl-pro-4 { width:100%;overflow:hidden}
.zbl-pro-4 li{ float:left; width:23.5%; margin-right:2%; margin-top:2%}
.zbl-pro-4 li img{ display:block; width:100%}
.zbl-pro-4 li:nth-child(4n){ margin-right:0}
@media (max-width:768px) {
	.zbl-pro-4 li{width:32%;}
	.zbl-pro-4 li:nth-child(4n){ margin-right:2%}
	.zbl-pro-4 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pro-4 li{width:49%;}
	.zbl-pro-4 li:nth-child(3n){ margin-right:2%}
	.zbl-pro-4 li:nth-child(2n){ margin-right:0}
	}
@media (max-width:360px) {
	.zbl-pro-4 li{width:100%; margin:10px 0 !important}
	}
/*---------------------------------------------------------pro five--------------------------------------------------------*/
.zbl-pro-5{width:100%;}
.zbl-pro-5 li{ float:left; width:19.2%; margin-right:1%; margin-bottom:10px}
.zbl-pro-5 li img{ display:block; width:100%}
.zbl-pro-5 li:nth-child(5n){ margin-right:0}
@media (max-width:980px) {
	.zbl-pro-5 li{width:24.25%;}
	.zbl-pro-5 li:nth-child(5n){ margin-right:1%}
	.zbl-pro-5 li:nth-child(4n){ margin-right:0}
	}
@media (max-width:768px) {
	.zbl-pro-5 li{width:32%; margin-right:2%}
	.zbl-pro-5 li:nth-child(5n){ margin-right:2%}
	.zbl-pro-5 li:nth-child(4n){ margin-right:2%}
	.zbl-pro-5 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pro-5 li{width:49%;margin-bottom:5px}
	.zbl-pro-5 li:nth-child(3n){ margin-right:2%}
	.zbl-pro-5 li:nth-child(2n){ margin-right:0}
	}
@media (max-width:320px) {
		.zbl-pro-5 li{width:100%; margin-right:0 !important;margin-bottom:5px}
	}
/*---------------------------------------------------------pro six--------------------------------------------------------*/
.zbl-pro-6{width:100%;}
.zbl-pro-6 li{ float:left; width:16.25%; margin-right:0.5%; margin-bottom:0.5%}
.zbl-pro-6 li img{ display:block; width:100%}
.zbl-pro-6 li:nth-child(6n){ margin-right:0}
@media (max-width:980px) {
	.zbl-pro-6 li{width:24.62%;}
	.zbl-pro-6 li:nth-child(6n){ margin-right:0.5%}
	.zbl-pro-6 li:nth-child(4n){ margin-right:0}
	}
@media (max-width:768px) {
	.zbl-pro-6 li{width:33%;}
	.zbl-pro-6 li:nth-child(4n){ margin-right:0.5%}
	.zbl-pro-6 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:480px) {
	.zbl-pro-6 li{width:49.5%; margin:0.5% 0;}
	.zbl-pro-6 li:nth-child(2n-1){ margin-right:1%}
	.zbl-pro-6 li:nth-child(2n){ margin-right:0}
	}
	
	
/*---------------------------------------------------------pc two--------------------------------------------------------*/	
.zbl-pc-2{ width: 100%;overflow: hidden;}
.zbl-pc-2 li{ float:left; width:50%;box-sizing: border-box;}
.zbl-pc-2 li img{ display:block; width:100%}	
@media (max-width:640px) {
	.zbl-pc-2 li{ float:none; width:100%;}
}
/*---------------------------------------------------------pc four--------------------------------------------------------*/	
.zbl-pc-4{width:100%;overflow:hidden}
.zbl-pc-4 li{ float:left; width:25%;}
.zbl-pc-4 li img{ display:block; width:100%}
@media (max-width:980px) {
	.zbl-pc-4 li{width:50%;}
}
@media (max-width:520px) {
	.zbl-pc-4 li{ float:none; width:100%;}
}
/*---------------------------------------------------------pc six--------------------------------------------------------*/	
.zbl-pc-6{width:100%;overflow:hidden}
.zbl-pc-6 li{ float:left; width:16.25%;margin-right: 0.5%;margin-bottom: 0.5%;}
.zbl-pc-6 li img{ display:block; width:100%}
.zbl-pc-6 li:nth-child(6n){margin-right: 0;}
@media (max-width:980px) {
	.zbl-pc-6 li{width:50%;}
}
@media (max-width:520px) {
	.zbl-pc-6 li{ float:none; width:100%;}
}
/*---------------------------------------------------------guding four--------------------------------------------------------*/	
.zbl-pc-yxz-4{ width:100%;overflow:hidden}
.zbl-pc-yxz-4 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%}
.zbl-pc-yxz-4 li img{ display:block; width:100%}
.zbl-pc-yxz-4 li:nth-child(4n){ margin-right:0}
@media (max-width:1280px) {
	.zbl-pc-yxz-4 li{width:49%;}
	.zbl-pc-yxz-4 li:nth-child(2n){ margin-right:0}
	}
@media (max-width:640px) {
	.zbl-pc-yxz-4 li{width:100%; margin:20px 0 !important}
	}
/*---------------------------------------------------------guding five--------------------------------------------------------*/	
.zbl-pc-yxz-5{width:100%;}
.zbl-pc-yxz-5 li{ float:left; width:19.2%; margin-right:1%; margin-bottom:1%}
.zbl-pc-yxz-5 li img{ display:block; width:100%}
.zbl-pc-yxz-5 li:nth-child(5n){ margin-right:0}
@media (max-width:1280px) {
	.zbl-pc-yxz-5 li{width:32%; margin-right:2%; margin-bottom: 2%;}
	.zbl-pc-yxz-5 li:nth-child(5n){ margin-right:2%}
	.zbl-pc-yxz-5 li:nth-child(3n){ margin-right:0}
	}
@media (max-width:768px) {
	.zbl-pc-yxz-5 li{width:49%;}
	.zbl-pc-yxz-5 li:nth-child(3n){ margin-right:2%}
	.zbl-pc-yxz-5 li:nth-child(2n){ margin-right:0}
	}
@media (max-width:480px) {
		.zbl-pc-yxz-5 li{width:100%; margin-right:0 !important;margin-bottom:5px}
	}
/*---------------------------------------------------------more one--------------------------------------------------------*/	
.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;}
/*---------------------------------------------------------more two--------------------------------------------------------*/
.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;}
	}