.block-case,.block-products,.block-safe,.block-services {
	position: relative;
	margin: 0 auto;
	width: 1440px;
	z-index: 1
}


.block-case,.block-services {margin-top: -20px;}

.block-logo {
	padding-top: 44px;
	padding-bottom: 200px
}

.block-safe {
	padding-bottom: 100px
}

.index-casewrap {
	position: relative;
	padding: 0 40px
}

.index-casewrap .swiper-button-next,.index-casewrap .swiper-button-prev {
	width: 58px;
	height: 58px;
	border: 0;
}

.index-casewrap .swiper-button-next:focus,.index-casewrap .swiper-button-prev:focus {
	outline: none
}

.index-casewrap .swiper-button-prev {
	background: url(../images/arrow.png) 50% no-repeat;
	left: -40px;
}

.index-casewrap .swiper-button-next {
	background: url(../images/arrow.png) 50% no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	right: -40px;
}

.index-casewrap:hover .swiper-button-prev {
	background: url(../images/arrow-active.png) 50% no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.index-casewrap:hover .swiper-button-next {
	background: url(../images/arrow-active.png) 50% no-repeat;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.index-cases .swiper-slide {
	padding: 40px 180px;
	width: 578px;
	height: 573px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.index-cases .index-case.swiper-slide-active,.index-cases .index-case.swiper-slide-duplicate-active,.index-cases .index-case.swiper-slide-duplicate-next,.index-cases .index-case.swiper-slide-duplicate-prev,.index-cases .index-case.swiper-slide-next,.index-cases .index-case.swiper-slide-prev {
	-webkit-box-shadow: 5px 13px 35px 0 rgba(122,137,233,.28);
	box-shadow: 5px 13px 35px 0 rgba(122,137,233,.28)
}

.index-case {
	padding: 0;
	height: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(122,137,233,.28);
	box-shadow: 0 0 10px 0 rgba(122,137,233,.28);
	border-radius: 10px;
	display: inline-block;
	text-align: center;
}

.index-case .index-caseheader {
	margin-bottom: 20px;
}

.index-case .index-caseheader:after,.index-case .index-caseheader:before {
	content: " ";
	display: table
}

.index-case .index-caseheader:after {
	clear: both
}

.index-case .index-caseheader-title {
	margin-top: 27px;
	text-align: center;
	float: left;
	width: 100%;
	overflow: hidden;
}

.index-case .index-caseheader-title h3,.index-case .index-caseheader-title p {
	color: #000000;
	line-height: 1.2;
}

.index-case .index-caseheader-title h3 {
	font-size: 22px;
	font-weight: 700;
	padding: 0 40px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.index-case .index-caseheader-title p {
	font-size: 16px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.index-case .index-caseheader-logo {
	float: right;
	width: 25%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	overflow: hidden;
}

.index-case .index-caseheader-logo img {
}

.index-case .index-casebody:after,.index-case .index-casebody:before {
	content: " ";
	display: table
}

.index-case .index-casebody:after {
	clear: both
}

.index-case .index-casebody-intro {
	float: left;
	width: 100%;
	padding: 0 40px 30px 40px;
}

.index-case .index-casebody-intro p {
	margin-bottom: 25px;
	text-align: center;
	font-size: 14px;
	color: #737373;
	line-height: 1.8;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.index-case .index-casebody-img {
	float: left;
	width: 100%;
	border-radius: 6px;
}

.index-case .index-casebody-img img {
}

.index-case .index-casebody-button {
	display: inline-block;
	color: #585657;
	background-color: #fff;
	border: 1px solid #585657;
	padding: 0 35px;
	font-size: 14px;
	line-height: 40px;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.index-case .index-casebody-button.active,.index-case .index-casebody-button:active,.index-case .index-casebody-button:focus,.index-case .index-casebody-button:hover,.open>.dropdown-toggle.index-case .index-casebody-button {
	color: #585657;
	background-color: #e6e6e6;
	border-color: #585657;
}

.index-case .index-casebody-button.active,.index-case .index-casebody-button:active,.open>.dropdown-toggle.index-case .index-casebody-button {
	background-image: none
}

.index-case .index-casebody-button.disabled,.index-case .index-casebody-button.disabled.active,.index-case .index-casebody-button.disabled:active,.index-case .index-casebody-button.disabled:focus,.index-case .index-casebody-button.disabled:hover,.index-case .index-casebody-button[disabled],.index-case .index-casebody-button[disabled].active,.index-case .index-casebody-button[disabled]:active,.index-case .index-casebody-button[disabled]:focus,.index-case .index-casebody-button[disabled]:hover,fieldset[disabled] .index-case .index-casebody-button,fieldset[disabled] .index-case .index-casebody-button.active,fieldset[disabled] .index-case .index-casebody-button:active,fieldset[disabled] .index-case .index-casebody-button:focus,fieldset[disabled] .index-case .index-casebody-button:hover {
	background-color: #fff;
	border-color: #0074C1;
}

.index-case .index-casebody-button .badge,.index-case .index-casebody-button:hover {
	color: #fff;
	background-color: #585657;
}

@media (max-width: 1600px) {
.block-case,.block-products,.block-safe,.block-services {
	width: 1200px;
}


}

@media (max-width: 1280px) {
.block-case,.block-products,.block-safe,.block-services {
	width: 100%;
}


}