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

@media (max-width:640px) {
	.zbl-lunbo .left{width: 33px;height: 52px;margin-top: -26px;}
	.zbl-lunbo .right{width: 33px;height: 52px;margin-top: -26px;}
}
/*------选项卡------*/
.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-1 .nav-box li{cursor: pointer;}
.zbl-tab-2 .nav-box li{cursor: pointer;}


.zbl-list{cursor: pointer;}
.zbl-list{overflow: hidden;}
.zbl-list .btn{width:50%;height:40px;background: red;margin: auto;}
.zbl-list ul{display: none;}
.zbl-list li{width:50%;border:1px solid red;margin: auto;}
.zbl-list .b{display: block;height:40px;width:100%;text-align: center;line-height: 40px;}



/****************************************更多的hover效果******************************************/


@media only screen and (min-width:981px ) {
/*------------------更多一--------------*/
.zbl-more-1{position: relative;}
.zbl-more-1 span{position: relative;z-index: 1;}
.zbl-more-1:after{content: "";position:absolute;bottom:0;left:0;width: 0;height: 100%;transition:0.3s;background:#ccc;}
.zbl-more-1:hover:after{width: 100%;}
.zbl-more-1:hover span{color: #fff;}
.zbl-more-1.cur:after{width: 100%;}
.zbl-more-1.cur span{color: #fff;}

/*------------------更多三--------------*/
.zbl-more-2{text-align:center;overflow:hidden; position: relative;}
.zbl-more-2 span{position: relative;z-index: 1;}
.zbl-more-2:hover:before{content: ""; position:absolute;animation:moreleft 0.5s; -webkit-animation: moreleft 0.5s; animation-fill-mode:forwards;background:#ccc; }
.zbl-more-2:hover:after{content: ""; position:absolute;animation:moreright 0.5s; -webkit-animation: moreright 0.5s; animation-fill-mode:forwards ;background:#ccc;}
.zbl-more-2:hover span{color: #fff;}
@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:#ccc;}
	}
@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:#ccc;}
	}
.zbl-more-3{text-align:center;overflow:hidden; position: relative;}
.zbl-more-3 span{position: relative;z-index: 1;}
.zbl-more-3:before{content: "";position: absolute;width: 0;height: 100%;top:0;left:0;background: #009ee0;transition: 0.3s;}
.zbl-more-3:after{content: "";position: absolute;width: 0;height: 100%;top:0;right:0;background: #009ee0;transition: 0.3s;}
.zbl-more-3:hover:before{width: 50%;}
.zbl-more-3:hover:after{width: 50%;}
.zbl-more-3:hover span{color: #fff;}

}
.tanchuang{display: inline;}
.tanchuang .open{display: inline;}
.tanchuang-1 .open{cursor: pointer;}
.tanchuang-1 .k{position:fixed;top: 0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,0.4);z-index: 9998;display: none;}
.tanchuang-1 .boxs{padding: 40px 10px 10px;position:fixed;z-index: 9999;transition: 0.5s;top:100%;left:0;margin: 0;width: 0;height: 0;overflow:hidden;border: 1px solid #ccc;border-radius:5px;background:rgba(255,255,255,0.9);}
.tanchuang-1 .boxs.cur{width:600px;height: 400px;top:50%;left:50%;margin-top: -200px;margin-left:-300px;}
.tanchuang-1 .boxs .off{position: absolute;width: 30px;height: 30px;top:10px;right:10px;background:url(off-1.png) no-repeat center;background-size:25px 25px;cursor: pointer;}
.tanchuang-1 .boxs .box{overflow: hidden;width: 100%;height: 100%;}
.tanchuang-1 .boxs .box form{width:100%;height:100%;padding:40px;box-sizing: border-box;color: #666 !important;}
.tanchuang-1 .boxs .box form>div{position: relative;padding-left:70px;width: 100%;line-height: 40px;margin:20px 0;box-sizing: border-box;}
.tanchuang-1 .boxs .box form>div .bt{position: absolute;left: 0;top:0;letter-spacing: 2px;font-size: 16px;color: #333;}
.tanchuang-1 .boxs .box form>div input[type="text"]{display: block;width: 100%;height: 100%;border: 1px solid #ccc;box-sizing: border-box;padding: 0 10px;box-sizing: border-box;line-height: 40px;}
.tanchuang-1 .boxs .box form>div textarea{display: block;width: 100%;height: 100%;border: 1px solid #ccc;box-sizing: border-box;padding:10px;box-sizing: border-box;height: 70px;}
.tanchuang-1 .boxs .box form>div input[type="submit"]{width: 80px;height: 100%;background: #e58d05;color: #fff;border-radius:5px;display: block;border: 1px solid #ccc;line-height: 30px;}
@media only screen and (max-width:768px ) {
	.tanchuang-1 .boxs.cur{width: 90%;left:5%;margin-left:0;height:300px;margin-top: -150px;}
	.tanchuang-1 .boxs .box form{padding:20px;}
	.tanchuang-1 .boxs .box form>div{padding-left:50px;margin:10px 0;line-height: 30px}
	.tanchuang-1 .boxs .box form>div input[type="text"]{line-height: 30px !important;}
}

.tanchuang-2 .open{cursor: pointer;}
.tanchuang-2 .k{position:fixed;top: 0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,0.4);z-index: 9998;display: none;}
.tanchuang-2 .boxs{padding: 40px 10px 10px;position:fixed;z-index: 9999;transition: 0.5s;top:100%;left:0;margin: 0;width: 0;height: 0;overflow:hidden;border: 1px solid #ccc;border-radius:5px;background:rgba(255,255,255,0.9);}
.tanchuang-2 .boxs.cur{width:700px;height: 500px;top:50%;left:50%;margin-top: -250px;margin-left:-350px;}
.tanchuang-2 .boxs .off{position: absolute;width: 30px;height: 30px;top:10px;right:10px;background:url(off-1.png) no-repeat center;background-size:25px 25px;cursor: pointer;}
.tanchuang-2 .boxs .box{overflow: hidden;width: 100%;height: 100%;}
@media only screen and (max-width:768px ) {
	.tanchuang-2 .boxs.cur{width: 90%;left:5%;margin-left:0;height:70%;margin-top: 0;top:15%}
}

.show img{cursor: pointer;}
.show .dk{position:fixed;top: 0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,0.4);z-index: 9998;display: none;}
.show .bigimg{padding: 40px 10px 10px;position:fixed;z-index: 9999;transition: 0.5s;top:100%;left:0;margin: 0;width: 0;height: 0;overflow:hidden;border: 1px solid #ccc;border-radius:5px;background:rgba(255,255,255,0.9);}
.show .bigimg.cur{width:700px;height: 500px;top:50%;left:50%;margin-top: -250px;margin-left:-350px;}
.show .bigimg .off{position: absolute;width: 30px;height: 30px;top:6px;right:10px;background:url(off-1.png) no-repeat center;background-size:25px 25px;cursor: pointer;}
.show .bigimg .box{overflow: hidden;width: 100%;height: 100%;border-radius:5px;}
.show .bigimg .img{width: 100%;height: 100%;}
@media only screen and (max-width:768px ) {
	.show .bigimg.cur{width: 90%;left:5%;margin-left:0;height:70%;margin-top: 0;top:15%}
}

.page{text-align: center;margin:2% 0;padding: 0 20px;box-sizing: border-box;}
.page li{border: 1px solid #ccc;line-height: 30px;margin:5px;}
.page li a{display: block;width: 100%;height: 100%;}
.page li:hover a{background:#039AE3;color: #fff;}
.page li.cur a{background:#039AE3;color: #fff;}

.bread{background: #eef3f6;padding:12px 0;}
.bread a{margin: 0 5px;line-height: 26px;display: inline-block;color: #535353;}