/*============================================================*/
.slideBanner{
	margin-bottom: 30px;
}
.slideBanner .item{
	position: relative;
}
.slideBanner .item .img a{
	display: block;
	padding-top: 75.128205%;
	position: relative;
	overflow: hidden;
}
.slideBanner .item .img a:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000;
	opacity: 0.4;
	z-index: 1;
	pointer-events: none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.slideBanner .item:hover .img a:before{
	opacity: 0.2;
}
.slideBanner .item .img a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.slideBanner .item:hover .img a img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.slideBanner .item .caption{
	bottom: 15px;
	left: 30px;
	right: 30px;
	position: absolute;
	z-index: 2;
}
.slideBanner .item .tend h3{
	display: block;
	padding: 20px 0;
	position: relative;
	font-size: 18px;
	line-height: 26px;
	color:#ffffff;
	font-weight: normal;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.slideBanner .item:hover .tend h3{
	padding-left: 15px;
}
.slideBanner .item .tend h3:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 3px;
	background: #ffffff;
	-webkit-transition: width 0.15s linear 0.15s, height 0.15s linear;
	-o-transition: width 0.15s linear 0.15s, height 0.15s linear;
	transition: width 0.15s linear 0.15s, height 0.15s linear;
}
.slideBanner .item:hover .tend h3:before{
	width:3px;
	height:100%;
	-webkit-transition: width 0.15s linear, height 0.15s linear 0.15s;
	-o-transition: width 0.15s linear, height 0.15s linear 0.15s;
	transition: width 0.15s linear, height 0.15s linear 0.15s;
}
.slideBanner .slick-arrow{
	width:30px;
	height:50px;
	background-color: rgba(0, 103, 194, 0.8);
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	border:none;
	position: absolute;
	top: 50%;
	font-size: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
.slideBanner .slick-prev{
	left:0px;
	background-image: url(../images/i-prev.png);
}
.slideBanner .slick-next{
	right:0px;
	background-image: url(../images/i-next.png);
}

/*==========================================================================*/
/*============================RESPONSIVE====================================*/
/*==========================================================================*/

@media all and (max-width: 767px){
	.slideBanner .item .caption{
		bottom: 10px;
		left: 15px;
		right: 15px;
	}
}