.case_banner{
    background-image: url(../images/case_banner.jpg);
    height: 500px;
}
.case-tit{
	height: 47px;
	line-height: 47px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.case_son{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	overflow: hidden;
	margin-bottom: 30px;
}
.case_son ul li{
	float: left;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
.case_son ul li a{
	padding-right: 20px;
	color: #181818;
}
.case_son ul li a:hover{
	color: #5A9EFF;
}
.case_li{
	min-height: 300px;
	overflow: hidden;
}
.case_li ul li{
	width: 33.33333%;
	height: auto;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 30px;
}
.case_li ul li img{
	max-width: 100%;
	display: block;
}
.case_li ul li .case-img{
	position: relative;
	overflow: hidden;
	box-shadow: 0 3px 5px rgba(0,0,0,0.15);
}
.case_li ul li .case-img:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.case_li ul li:hover .case-img::after{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	border-radius: 1;
	-webkit-border-radius: 1;
	-moz-border-radius: 1;
	-ms-border-radius: 1;
	-o-border-radius: 1;
}
.case_li ul li .case-img::after{
	background-color:
	rgba(0,0,0,0.6);
	border-radius: 50%;
	content: "";
	left: 0;
	opacity: 0;
	padding-bottom: 100%;
	position: absolute;
	right: 0;
	top: -15%;
	transform: scale(0);
	transition: transform 0.4s cubic-bezier(0.4,0,0.2,1) 0s,opacity 0.4s ease 0s;
	
}
.case_yc{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	left: 0;
	width: 100%;
	z-index: 11;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	text-align: center;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.case_li ul li:hover .case_yc{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.case_yc a{
	font-size: 15px;
	font-weight: 700;
	color:#fff;
	text-transform: uppercase;
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
	text-align: center;
}
.case_yc a::after{
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background:#2196F3;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	z-index: 1;
}
.case_yc a:hover{
	color: #2196F3;
}
.case_yc span{
	font-size: 13px;
	color:#fff;
	font-weight: 400;
	display: inline-block;
	margin-top: 10px;
}
.case_yc p{
	font-size: 12px;
	color:#fff;
	width: 70%;
	margin: auto;
	line-height: 22px;
	margin-top: 20px;
}
.case_a_m{
	width: 100%;
	height: auto;
	overflow:hidden;
	padding-bottom: 30px;
}
.case_a_l{
	width: 69.66667%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.case_a_r{
	width: 30.33333%;
	float: left;
}
.case_body {
	padding-bottom: 30px;
}
.case_body img{
	max-width: 100%;
	margin: auto;
	display: block;
	padding-top: 20px;
}
.case_a_l .post-title{
	font-size: 20px;
	color: #444444;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 10px;
}
.case_a_l .post-created{
	font-size: 12px;
	font-weight: 300;
	color:#A4A4A4;
	line-height: 1.1;
	margin-bottom: 10px;
	display: block;
}
.case_r_o{
	margin-bottom: 30px;
	margin-left: 50px;
}
.block-title{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	position: relative;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
}
.block-title::after{
	background:#5A9EFF;
	content: "";
	position: absolute;
	display: block;
	width: 35px;
	height: 1px;
	left: 0;
}
.case_r_o  ul{
	padding: 20px 0px;
}
.case_r_o  ul li{
	position: relative;
	height: 30px;
	line-height: 30px;
}
.case_r_o  ul li a{
	padding-left: 5px;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
}
.case_r_o  ul li a:hover{
	padding-left: 25px;
	color: #5A9EFF;
}
.case_r_o  ul li  a img{
	padding-top: 7px;
	float: left;
}
.case_r_t>div{
	margin:20px 0px;
	margin-bottom: 30px;
	padding: 10px 0 30px 0;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 15px;

}
.case_r_t>div:last-child{
	border-bottom: none;
}
.case_r_t>div a{
	color: #303030;
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}
.case_r_t>div a:hover{
	color: #5A9EFF;
}
.case_r_t>div span{
	font-size: 12px;
	color: #A4A4A4;
}

.about_xx {
    margin: 42px 0;
    width: 100%;
    text-align: center;
}
.about_xx a {
    transition: .8s;
    margin-right: 10px;
    font-size: 14px;
    text-align: center;
    border-radius: 18px;
    background-color: #fff;
    color: #666;
    display: inline-block;
    width: 128px;
    height: 36px;
    line-height: 36px;
	border: 1px solid #eaeaea;
}
.about_xx a.about_on, .about_xx a:hover {
    color: #fff;
    background-color: #5A9EFF;
}