/* ==========================================================================
    Slider core styles
===========================================================================*/



.ik-container {
	/* max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	font-size: 14px; */
	margin-bottom: -120px;
}

.ik-container .preview {
	position: relative; text-align: center; padding: 5px;
}

.ik-container .preview a {
	display: inline-block; margin: 5px;
}

.ik-container .preview img {
	display: block; width: 200px; height: auto; opacity: 0.8; filter: alpha(opacity = 80);
}

.ik-container .preview .active {
	outline: 3px solid #196cd2; box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .5);
}

.ik-container .slider-container {
	position: relative; overflow: hidden; width: 100%; margin: 0 auto; background-color: #444; -webkit-user-select: none; -moz-user-select: none;
	-ms-user-select: none; user-select: none;
}

.ik-container .slider {
	position: relative; width: 9999px;
}

.ik-container .slider:before, .ik-container .slider:after {
	display: table; content: ' ';
}

.ik-container .slider:after {
	clear: both;
}

.ik-container .slider__item {
	position: relative; float: left; margin: 0; padding: 0; height: 100%;
}

.ik-container .slider__item img {
	display: block; max-width: 100%; height: auto;
}

.ik-container .slider__switch span {
	color: #fff; display: block; width: 32px; height: 32px;
}

/* Arrows */
.ik-container .slider__switch {
	position: absolute; top: 50%; margin-top: -20px; padding: 10px 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;
	-ms-user-select: none; -o-user-select: none; user-select: none; border-radius: 1px; background: #000; opacity: .3; transition: opacity .15s ease;
	fill: #fff;
}

.ik-container .slider__switch--prev {
	left: 10px;
}

.ik-container .slider__switch--next {
	right: 10px;
}

.ik-container .slider__switch:hover {
	opacity: .85;
}

.ik-container .slider__switch[disabled] {
	visibility: hidden; opacity: 0;
}

.ik-container .slider__caption {
	position: absolute; bottom: 30px; left: 30px; display: block; max-width: 500px; padding: 10px; color: #fff; background: rgba(0, 0, 0, .4);
	box-shadow: 0 0 20px 10px rgba(0, 0, 0, .4);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000');
	/* ie8 */
}

.ik-container .slider__caption[disabled] {
	opacity: 0; visibility: hidden;
}

.ik-container .slider-nav {
	line-height: 30px; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; margin: 0; padding: 0; text-align: center; z-index: 99999;
	filter: alpha(opacity = 90); display: none;
	/* ie8 */
}

.ik-container .slider-nav__control {
	display: inline-block; width: 12px; height: 12px; margin: 0 3px; -webkit-transition: background .5s ease; -moz-transition: background .5s ease;
	-o-transition: background .5s ease; transition: background .5s ease; border: 2px solid #fff; border-radius: 50%; background: transparent;
}

.ik-container .slider-nav__control.is-active {
	width: 12px; height: 12px; background: #fff;
}

.ik-container .slider.has-touch {
	cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing;
}

@media ( max-width : 580px) {
	.ik-container .slider__switch {
		display: none;
	}
	.ik-container .slider__caption {
		display: none;
	}
}

.w-i3 {
	background-color: #023387; overflow: hidden;
}

.w-i3 .box {
	 height: 814px; float: left;  position: relative; overflow: hidden; background: transparent;
}

.w-i3 .box1 {
	height: 814px; /*  background: url(../images/hj-011.jpg) no-repeat 50% 0; */
}

.w-i3 .box2 {
	height: 814px; /*  background: url(../images/hj-022.jpg) no-repeat 50% 0; */
}

.w-i3 .box3 {
	height: 814px; /*  background: url(../images/hj-033.jpg) no-repeat 50% 0; */
}

.w-i3 .box img.bg {
	 position: absolute; left: 50%; margin-left: -530px; top: 0px; max-width: inherit;
}

.w-i3 a.box-word {
	display: block; color: #FFF; position: absolute;font-size: 28px;font-weight: bold;
}

.second_bg {position: relative;}

.second_bg .text_s {
	position: relative;
	top:0px;
	transition: top 1s;
	-moz-transition: top 1s;
	-webkit-transition: top 1s;
	-o-transition: top 1s;
}

.second_bg .text_s:hover {
	position: relative;
	top: -20px;
}