.zBox {position: relative; margin: 30px 0;}
.zBox .zBox_con {position: relative;}
.zBox .zBox_con .zbtnl {position: absolute;}
.zBox .zBox_con .zbtn {display: block;width: 36px;height: 64px;position: absolute;top: 200px;cursor: pointer;}
.zBox .zBox_con .zbtn_parents{top: 30px; }
.zBox .zBox_con .zbtnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.zBox .zBox_con .zbtnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.zBox .zBox_con .zbtnl1 {background: url(../img/jtl021.png) no-repeat center;left: -72px;}
.zBox .zBox_con .zbtnr1 {background: url(../img/jtr021.png) no-repeat center;right: -72px;}
.zBox .zBox_con .zbtnl2 {width: 36px;height: 64px;background: url(../img/jtl022.png) no-repeat center;left: -72px;}
.zBox .zBox_con .zbtnr2 {width: 36px;height: 64px;background: url(../img/jtr022.png) no-repeat center;right: -72px;}
.zBox .zBox_con .zbtnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.zBox .zBox_con .zbtnr:hover {background: url(../img/jtr03.png) no-repeat center;}
.zBox .zBox_con .zbtnl1:hover {background: url(../img/jtl021.png) no-repeat center;left: -72px;}
.zBox .zBox_con .zbtnr1:hover {background: url(../img/jtr021.png) no-repeat center;right: -72px;}
.zBox .zBox_con .zbtnl2:hover {width: 36px;height: 64px;background: url(../img/jtl022.png) no-repeat center;left: -72px;}
.zBox .zBox_con .zbtnr2:hover {width: 36px;height: 64px;background: url(../img/jtr022.png) no-repeat center;right: -72px;}

.zBox .zBox_con .zconbox {position: relative;overflow: hidden;}
.zBox .zBox_con .zconbox ul {position: relative;list-style: none;height: 459px;overflow: hidden; min-width:1200px;}
.zBox .zBox_con .zconbox ul li {float: left;width: 24%;overflow: hidden;  margin-right: 1%;  position: relative;}
.zBox .zBox_con .zconbox ul li:first-child {padding-left: 0;}
.zBox .zBox_con .zconbox ul li>img {
	display: block;
	width: 100%;
	transition: all 0.4s;     
	position: absolute;
    top: 50%;
    left: 50%;
}
	
.zBox .zBox_con .zconbox ul li img{
	transition: all 0.4s; 	width: 100%; height: 459px;
}
	
.zBox .zBox_con .zconbox ul li a:hover img{
	transform: scale(1.1);
}
.zcur a:hover{

	zBox-sizing: border-zBox;
    transition: all 0.3s ease-in-out;
}
.zcur a:hover .ztxt h3{
	color: #e60000;
}
.zcur a:hover .ztxt span{
	opacity: 1;
}

.zBox .zBoxSwitch {margin-top: 30px;text-align: center;}

.zcur a{
	display: block; color: #fff;
	
	overflow: hidden;
	zBox-shadow: 5px 5px 10px #030303;
	position: relative;
}

.zcur .ztxt{
	padding: 0 0;
}
.zcur .ztxt h3{
	font-weight: normal;
	font-size: 18px;
	margin: 1rem 0;
}
.zcur .ztxt p{
	font-size: 14px;
	color: #999;
	line-height: 22px;
}
.zcur .ztxt span{
	font-size: 12px;
	color: #e60000;
	display: block;
	opacity: 0;
	transition: all .4s;
}
/* .cur .txt span img{
	width: auto;
} */

.zcur1>a{
	position: relative; color: #fff;
}
.zcur1 a:hover{
	border-bottom: none;
}
.cur1 .pic{
	
}
.zcur1 .ztxt{
	width: 100%; position: absolute;

	bottom: 0;
	padding: 20px 0px;
	zBox-sizing: border-zBox;
 color: #fff;background:rgba(0, 0, 0, 0.5) ;
	text-align: center;
}
.zcur1 a:hover .ztxt{
	opacity: 0; 
}
.zcur1 .ztxt h3{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zcur1 .ztxt p{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-zBox-orient: vertical;
	zBox-orient: vertical;
	display: -webkit-zBox;
}
.zhover_box{
	width: 88%;
	height: 100%;
	padding: 20% 6% 0px 6%;
	opacity: 0;	
	transition: all .4s; color:#fff;
	position: absolute;
	top: 0;
	left: 0;
	zBox-sizing: border-zBox;
	text-align: center;
        background: rgba(0,0,0,.3);
}
.zhover_box h3{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center; line-height:30px;
	margin: 0px auto;
}

.zhover_box p{color: #fff; line-height: 28px;}
.zhover_box h3:after{
	content: "";
	display: block;
	margin: 10px auto;
	width: 100px;
	height: 2px;
	background: #fff;
}
.zhover_box p{
	
}
.zhover_box span{
	display: block;
	text-align: left; line-height: 30px; margin-top: 20px;

}

.zhover_box h4{border: 1px solid #fff; border-radius: 5px; width: 150px; margin: 35px auto; line-height: 40px;height: 40px; text-align: center; }
.zcur1 a:hover .zhover_box{
	opacity: 1;
}
/***	
.zBox .zBoxSwitch {margin-top: 30px;text-align: center;}
.zBox .zBoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 12px;height: 12px; border-radius: 6px; background: rgba(114,114,114,.32); margin: 0 7px;cursor: pointer;}
.zBox .zBoxSwitch1 span{background: #e6e6e6;}
.zBox .zBoxSwitch span.cur {background: #7f583c;}
******/


.znew_box .zBoxSwitch{
	position: absolute;
    right: 40px;
    bottom: 0px;
}







@media screen and (width:1440px){

}
	



@media screen and (width:1366px){

}


@media screen and (width:1920px){


}}