.case-poster {
	width:auto;
	overflow:hidden;
	position:relative;
	height:1000px
}
.case-poster .wrap1920 {
	background:url(../image/TB2kwh6lt0opuFjSZFxXXaDNVXa-6829.jpg) no-repeat center
}
.case-poster .wrap1920 img {
	margin:291px 0 0 637px;
	display:block
}
.case-title {
	width:auto;
	height:200px;
	color:#9ea7b3;
	overflow:hidden;
	position:relative;
	background:#4B5665
}
.case-title .wrap1200 {
	position:relative
}
.case-title .wrap1200 .title {
	height:34px;
	font-size:24px;
	line-height:34px;
	margin-top:66px
}
.case-title .wrap1200 .title a {
	color:#9ea7b3
}
.case-title .wrap1200 .title a:hover {
	text-decoration:underline
}
.case-title .wrap1200 .industry {
	height:28px;
	font-size:14px;
	line-height:28px
}
.case-title .wrap1200 .industry span {
	margin-right:20px
}
.case-title .wrap1200 .more {
	width:169px;
	height:40px;
	display:block;
	position:absolute;
	right:0;
	top:80px;
	border:1px solid #9EA7B3;
	overflow:hidden;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s
}
.case-title .wrap1200 .more span {
	width:92px;
	height:18px;
	line-height:18px;
	position:absolute;
	font-size:16px;
	top:11px
}
.case-title .wrap1200 .more span i {
	width:20px;
	height:8px;
	right:0;
	top:6px;
	position:absolute;
	background-image:url(../image/icon.png);
	background-repeat:no-repeat
}
.case-title .wrap1200 .more span.x {
	color:#9EA7B3;
	left:50px;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s
}
.case-title .wrap1200 .more span.x i {
	background-position:-3px -14px
}
.case-title .wrap1200 .more span.y {
	opacity:0;
	filter:alpha(opacity=0);
	color:#fff;
	left:0;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s
}
.case-title .wrap1200 .more span.y i {
	background-position:-3px -3px
}
.case-title .wrap1200 .more:hover {
	background:#e50012;
	border:1px solid #e50012;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s
}
.case-title .wrap1200 .more:hover span.x {
	opacity:0;
	filter:alpha(opacity=0);
	left:100px;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s
}
.case-title .wrap1200 .more:hover span.y {
	opacity:1;
	filter:alpha(opacity=100);
	left:50px;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s
}
.case-work {
	width:auto;
	overflow:hidden;
	position:relative;
	background:#232426;
	padding:120px 0
}
.case-work img {
	width:1200px;
	margin:0 auto;
	display:block
}
.cases-poster {
	width:auto;
	overflow:hidden;
	position:relative;
	height:300px;
	background:#000
}
.cases-list {
	width:auto;
	font-size:14px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:#317ede;
	padding:115px 0 130px
}
.cases-list ul {
	width:1245px
}
.cases-list ul:after {
	content:'';
	display:block;
	clear:both
}
.cases-list ul li {
	width:370px;
	height:300px;
	float:left;
	margin-right:45px;
	margin-bottom:60px;
	position:relative;
	overflow:hidden
}
.cases-list ul li .box {
	width:100%;
	height:100%;
	left:0;
	top:0
}
.cases-list ul li .info {
	width:100%;
	height:56px;
	background:#fff;
	position:absolute;
	overflow:hidden;
	border-top:4px solid #e50012;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
	bottom:-180px;
	left:0
}
.cases-list ul li .info .date, .cases-list ul li .info .industry, .cases-list ul li .info .title {
	color:#9ea7b3;
	font-size:14px;
	height:22px;
	line-height:22px;
	text-align:center
}
.cases-list ul li .info .title {
	margin-top:36px
}
.cases-list ul li:hover .info {
	bottom:0;
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s
}
.cases-list ul li .btn {
	width:256px;
	height:26px;
	line-height:26px;
	margin:15px auto
}
.cases-list ul li .btn a {
	width:108px;
	height:100%;
	display:block;
	float:left;
	color:#fff;
	margin:0 10px;
	border-radius:15px;
	-moz-border-radius:15px;
	text-indent:10px;
	position:relative
}
.cases-list ul li .btn a i {
	width:22px;
	height:22px;
	top:2px;
	left:8px;
	position:absolute;
	background-image:url(../image/icon.png);
	background-repeat:no-repeat
}
.cases-list ul li .btn a.view {
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
	background-color:#009CFE
}
.cases-list ul li .btn a.view i {
	background-position:-103px -156px
}
.cases-list ul li .btn a.view:hover {
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
	background-color:#0087DB
}
.cases-list ul li .btn a.temp {
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
	background-color:#e50012
}
.cases-list ul li .btn a.temp i {
	background-position:-127px -156px
}
.cases-list ul li .btn a.temp:hover {
-moz-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-webkit-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
-o-transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
transition:all .5s cubic-bezier(.4, 0, .25, 1) 0s;
	background-color:#4BA164
}