@charset "utf-8";


/*案例列表*/

.case_list{
	width: 100%;
	height: auto;
	min-height: 665px;
	box-sizing: border-box;
	padding:0 0 36px 150px;
	
}
.case_list_li{
	width: 33%;
	height: auto;
	overflow: hidden;
}
.case_list_lia{
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}
.case_list_lia_span{
	width: 100%;
	height: 393;
	display: block;
	text-align: center;
	overflow: hidden;
}


.case_list_lia .case_list_lia_span img{
	min-width: 100%;
	height: 100%;
	margin: 0 -100%;
}
.case_list_lis{
	width: 100%;
	height: 100px;
	display: none;
	bottom: 0px;
	left: 0px;
	background-color: #eaeaea;
	box-sizing: border-box;
	padding: 10px 20px;
	font: 18px/40px "Microsoft YaHei";
	color: #333;
	text-align: left;
}
.case_list_bj{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 16px;
	background-color: #118df0;
	top: 0px;
	left: 0px;
	text-align: left;
	opacity: 0;
}

.case_list_bj_inner{
	width: 100%;
	height: 100%;
	border: 1px solid #88c6f8;
	box-sizing: border-box;
	padding: 30px;
}
.case_list_bj_s1{
	width: 100%;
	height: 88px;
	/*display: block;*/
	font: 28px/44px "Microsoft YaHei";
	color: #fff;
	margin-bottom: 30px;
}
.case_list_bj_s2{
	width: 100%;
	height: 120px;
	/*display: block;*/
	font: 18px/30px "Microsoft YaHei";
	color: #fff;
}
.case_list_li:hover .case_list_bj{
	opacity: 1;
}

@media (max-width:1600px){
	.case_list_bj_inner{
		padding: 20px;
	}
	.case_list_bj_s1{
		height: 80px;
		font: 28px/40px "Microsoft YaHei";
		margin-bottom: 20px;
	}
	
	
	
	
	
	
}
@media (max-width:1440px){
	
	.case_list_bj_s1{
		height: 72px;
		font: 24px/36px "Microsoft YaHei";
		margin-bottom: 15px;
	}
	
	
	.case_list_bj_s2{
		height: 104px;
		font: 16px/26px "Microsoft YaHei";
	}
	
	
}

@media (max-width:1366px){
	.case_list_bj_inner{
		padding: 15px 20px;
	}
	.logo {
	    margin: 20px 0 20px 20px;
	}
	
	.nav_li {
	    margin-bottom:2px;
	}
	.case_list_bj_s1{
		height: 64px;
		font: 24px/32px "Microsoft YaHei";
		margin-bottom: 10px;
	}
	
	
	.case_list_bj_s2{
		height: 96px;
		font: 16px/24px "Microsoft YaHei";
	}
	
}
@media (max-width:1200px){
	.case_list{
		padding:0 0 60px 150px;
		
	}
	.case_list_li{
		width: 50%;
		height: auto;
	}
	.case_list_bj_inner{
		padding: 20px;
	}
	.case_list_bj_s1{
		height: 80px;
		font: 26px/40px "Microsoft YaHei";
		margin-bottom: 25px;
	}
	
	.case_list_bj_s2{
		height: 120px;
		font: 16px/30px "Microsoft YaHei";
	}
	
}

@media (max-width:1024px){
	.case_list_lis{
		display: -webkit-box;
	}
	.case_list_bj{
		display: none;
	}
	.case_list_li{
		width: 50%;
		height: auto;
		box-sizing: border-box;
		padding: 10px;
		margin-bottom: 20px;
	}
	.footer {
	    display: none;
	}
	
	
}
@media (max-width:900px){
	.case_list_li{
		width: 100%;
		padding: 10px 7%;
		margin-bottom: 0px;
	}
	
	
}

@media (max-width:768px){
	.case_list{
		padding:70px 0 60px;
	}
	.nav_list{
		display: none;
	}
	.nav_phone {
		display: block;
	}
	.case_list_li{
		padding: 15px 6%;
	}
	
	
	
	
}


@media (max-height:760px){
	.nav_s{
		/*display: none;*/
	}
	.nav_s {
	    height: 20px;
	    font: 16px/20px "Microsoft YaHei";
	}
	.nav_li{
		height: 70px;
		margin-bottom: 2px;
	}
	.nav_bj {
	    height: 70px;
	    font: 16px/70px "Microsoft YaHei";
	   
	}
	.nav_a .nav_i {
	    font: 40px/50px "Microsoft YaHei";
	}
	.tuijian_list{
		top: 6%;
    	z-index: 999;
	}
}
@media (max-height:650px){
	.nav_li{
		margin-bottom: 2px;
	}
	.logo {
	    width: 91px;
	    height: 82px;
	    margin: 15px 0 10px 30px;
	}
}
@media (max-height:510px){
	.footer{
		display: none;
	}
	.nav_s{
		display: none;
	}
	.nav_li{
		height: 50px;
		margin-bottom: 2px;
	}
	.nav_bj {
	    height: 50px;
	    font: 16px/50px "Microsoft YaHei";
	   
	}
}