/****************************************栅格******************************************/
.zbl-grid{font-size: 0;box-sizing: border-box;}
.zbl-grid li{box-sizing: border-box;display:inline-block;font-size: 16px;transition: margin 0s !important;vertical-align: top;}
.zbl-grid li img{display: block;width: 100%;}
/*--------------轮播--------------*/
.zbl-lunbo{white-space:nowrap;width: 100%;box-sizing: border-box;position: relative;}
.zbl-lunbo .zbl-lunbo-box{width: 100%;overflow: hidden;}
/*------左右箭头------*/
.zbl-lunbo .left,.zbl-lunbo .right{width:43px;height:13px;position: absolute;bottom:-40px;cursor: pointer;}
.zbl-lunbo .left{left:50%;margin-left: -60px;background: url(../img/jt-1-left.png) no-repeat center;background-size:cover ;}
.zbl-lunbo .right{right:50%;margin-right: -60px;background: url(../img/jt-1-right.png) no-repeat center;background-size:cover ;}


/*------选项卡------*/
.zbl-lunbo .zbl-lunbo-nav{display:none;position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;box-sizing: border-box;text-align: center;}
.zbl-lunbo .zbl-lunbo-nav li{width: 15px;height: 15px;background:rgba(0,0,0,0);border:1px solid #fff;display: inline-block;margin:0 10px;border-radius:50% ;cursor: pointer;}
.zbl-lunbo .zbl-lunbo-nav li.cur{background:#fff;}
.zbl-lunbo .zbl-lunbo-box .img-b{display:block;}
.zbl-lunbo .zbl-lunbo-box .img-s{display: none;}
@media only screen and (max-width:768px ) {
	.zbl-lunbo .zbl-lunbo-box .img-s{display: block;}
	.zbl-lunbo .zbl-lunbo-box .img-b{display: none;}
}
.zbl-lunbo-2{width:90%;overflow: hidden;}
.zbl-lunbo-2 .lunbo-box{overflow: hidden;padding: 5px 0;}
.zbl-lunbo-2 .lunbo-box li{margin-bottom:10px ;box-sizing: border-box;}
.zbl-lunbo-2 img{display: block;width: 100%;}
.zbl-lunbo-2 .left{width: 66px;height: 22px;background:url(../img/jt-top.jpg) no-repeat center;margin:10px auto;}
.zbl-lunbo-2 .right{width: 66px;height: 22px;background:url(../img/jt-bottom.jpg) no-repeat center;margin:10px auto;}

.zbl-tab .nav-box li{cursor: pointer;}
.zbl-tab .b-box{position: relative;}
.zbl-tab .b-box .s-box{position: absolute;top:0;left: 0;z-index:-1;width: 100%;}
.zbl-tab .b-box .s-box.cur{z-index: 1;}
.zbl-tab .b-box .dk{display: block;width: 100%;position: relative;z-index: -1;}
.zbl-tab-2 .nav-box li{cursor: pointer;}

.zbl-tab2 .nav-box li{cursor: pointer;}
.zbl-tab2 .b-box .s-box{width: 100%;display: none;}
.zbl-tab2 .b-box .s-box.cur{display: block;}



/****************************************更多的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;}
	}