@charset "UTF-8";

.slick-list,.slick-slider,.slick-track {
	position: relative;
	display: block
}

.clearfix:after,.slick-loading .slick-slide,.slick-loading .slick-track {
	visibility: hidden
}

.head-row h4,.text-block h4 {
	font-weight: 700
}
.case-info p a{color:#333;}

.slick-slider {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-loading .slick-list {
	background: center center no-repeat #fff
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
	outline: 0;
	color: transparent;
	background: 0 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	left: 0;
	top: 0
}

.slick-track:after,.slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-next,.slick-prev {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	top: 50%;
	padding: 0;
	border: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
	opacity: .25
}[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

.slick-next:before,[dir=rtl] .slick-prev:before {
	content: "→"
}[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}[dir=rtl] .slick-next:before {
	content: "←"
}

.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 9px;
	width: 9px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	border-radius: 50%;
	display: block;
	height: 9px;
	width: 9px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:focus,.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 9px;
	line-height: 20px;
	text-align: center;
	color: #E5E5E5
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}

.clearfix {
	overflow: visible
}

.clearfix:after {
	height: 0;
	content: "";
	display: table;
	clear: both
}

.page-container {
	padding-bottom: 20px;
}

.page-container p {
	color: #000
}

.head-row {
	margin-top: 17px;
	padding: 0 50px 30px 50px
}

.head-row p {
	text-align: left
}

.case-background {
	width: 50%;
	float: left
}

.case-info {
	width: 50%;
	float: right
}

.col-1,.col-1 .img-block,.col-1 .text-block,.col-2 {
	width: 100%
}

.case-info p {
	margin-top: 31px;
	text-align: right
}

.case-result {
	margin: 0 0 40px
}

.case-result h4 {
	margin-top: 0
}

.social-share {
	float: right;
	clear: right;
	text-align: center
}

.col-1 .text-block {
	height: 430px;
	text-align: center
}

.col-1 .video-cover {
	width: 100%;
	display: block
}

.col-1 .video-block {
	position: relative
}

.col-1 .video-block .video-play-btn {
	position: absolute;
	top: 222px;
	left: 0;
	right: 0;
	margin: 0 auto;
	cursor: pointer
}

.col-2 .img-block,.col-2 .text-block {
	width: 50%
}

.col-2 .text-block p {
	text-align: left
}

.col-3 {
	width: 100%
}

.col-3 .img-block,.col-3 .text-block {
	width: 33.3333333333333%
}

.img-block {
	float: left
}

.text-block {
	width: 570px;
	height: 570px;
	float: left;
	display: table;
	background-color: #fff;
	box-sizing: border-box;
	position: relative
}

.text-block h4 {
	font-size: 22px
}

.text-block p {
	line-height: 26px
}

.text-block .center {
	padding: 0 95px;
	display: table-cell;
	vertical-align: middle
}

.more-posts h4 {
	background-color: #F0F0F0;
	margin: 0;
	line-height: 86px
}

.mobile-more-case {
	display: none
}

.more-case-item {
	width: 48%;
	float: left;
	margin:0 0 1.3% 1.3%;
}

.more-case-item img {
	width: 100%;
	display: block
}

.slider-more-case {
/* height: 380px */
	margin-bottom: 0;
}

.slider-more-case img {
	width: 380px;
/* height: 380px */
}

.slick-next,.slick-prev {
	margin-top: -20px
}

.slick-next .iconfont,.slick-prev .iconfont {
	font-size: 48px
}

.slick-prev {
	left: 30px
}

.slick-next {
	right: 57px
}

.icon-sina {
	margin-right: 5px
}

@media (max-width:768px) {
	.page-container hr,.slider-more-case {
		display: none
	}

	.head-row {
		padding: 0;
	}

	.case-info p,.col-1 h4,.col-2 h4,.head-row h4, .head-row h1 {
		padding: 0 20px
	}

	.social-share {
		position: absolute;
		top: -37px;
		right: 10px
	}

	.case-background {
		width: 100%
	}

	.case-background p {
		margin-bottom: 1em
	}

	.case-info {
		width: 100%
	}

	.case-info p {
		text-align: left;
		margin: 0 0 1em
	}

	.case-result p {
		-webkit-column-count: 1;
		column-count: 1
	}

	.mobile-more-case {
		display: block
	}

	.col-1,.col-2,.col-3 {
		margin: 25px 0;
		box-sizing: border-box
	}

	.col-1 .img-block {
		width: 100%
	}

	.col-1 .text-block {
		height: auto;
		text-align: left
	}

	.col-2 .img-block,.col-3 .img-block {
		width: 100%;
		margin: 20px 0;
		padding: 0 25px;
		box-sizing: border-box
	}

	.col-2 .text-block,.col-3 .text-block {
		width: 100%;
		height: auto
	}

	.text-block .center {
		padding: 0
	}

	.text-block p {
		margin-bottom: 0
	}

	.col-1 .video-block .video-play-btn {
		width: 20%;
		height: 40%;
		top: 30%
	}
}