.header2 ul li a{
	 color: black;
}
.case{
	 width: 1200px;	 
	 margin: 0 auto;
	 padding-top: 120px;
}
.case ul{
	 display: inline-block;
}
.case ul >li {
	width: 600px;
    height: 450px;
	float: left;
}
.case ul >li img{
	 width: 100%;
	 height: 100%;
}
.case ul li >a{
	width: 600px;
    height: 450px;
	position: relative;
	display: block;
}
.case ul li >a:hover .titlelo{
	opacity: 1;
	filter: Alpha(opacity=100);  /*过滤器*/
}
.case ul li >a>.titlelo{
	width: 600px;
    height: 450px;
    position:absolute;
    top: 0;
    left: 0;
    /*display: none;*/	
    opacity: 0;
    filter: Alpha(opacity=0);
	transition: opacity 0.5s;  /*缓慢显示*/
}
.case ul li >a>.titlelo>.titlelo2{
	  padding-top: 50px;
	  padding-left: 50px;
	  color: white;
}
.case ul li >a>.titlelo>.titlelo2 h1{
	 font-size: 25px;
	 line-height: 42px;
}
.case ul li >a>.titlelo>.titlelo2 p{
	margin-top: 5px;
	font-size: 19px;
}
.case ul li >a>.titlelo>.titlelo2 p:nth-of-type(2){
	width: 100%px;
	height: 30px;
	background: url(../img/case3.png) no-repeat left;
	padding-left: 35px;
}
.case ul li >a>.titlelo>.titlelo2 .ckal{
	  position: absolute;
	  left: 50px;
	  bottom:31px;
	  font-size: 20px;
}
.page{
	 height: 53px;
	 margin: 39px 0 30px 0;
}
#test1{
	 float: right;	 
	}
	  .layui-laypage>a:first-child{	 
		 color: #1d2088;
		/*background: #c9c9c9;*/
	}
	.layui-laypage>a>img{
		height: 26px;
	}
	.layui-laypage>a:last-child{
		color: #1d2088;
		border: 1px;
		/*background: #c9c9c9;*/
	}
	.layui-laypage .layui-laypage-curr em{
		color: #1d2088;		
	}
.layui-laypage a, .layui-laypage span{
	 color: #afafaf;
	 font-size: 20px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	 background: rgba(255,255,255,.0);
}
.layui-laypage a:hover{
	 color: #1d2088;
}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{
    border: none;
}

@media only screen and (min-width:0px ) and (max-width: 1500px) {
	
.case{
	 width: 900px;	 
	 margin: 0 auto;
	 padding-top: 120px;
}
.case ul >li {
	width: 450px;
    height: 338px;
	float: left;
}
.case ul li >a{
	width: 450px;
    height: 338px;
	position: relative;
	display: block;
}
.case ul li >a>.titlelo{
	width: 450px;
    height: 338px;
}

.case ul li >a>.titlelo>.titlelo2 h1{
	 font-size: 22px;
	 line-height: 42px;
}
.case ul li >a>.titlelo>.titlelo2 p{
	margin-top: 5px;
	font-size: 17px;
}
.case ul li >a>.titlelo>.titlelo2 .ckal{
	  position: absolute;
	  left: 50px;
	  bottom:31px;
	  font-size: 19px;
}
}